video设置高度100vh会出现滚动条

如果video设置高度为100vh出现了滚动条，那么很可能是video的父元素或祖先元素设置了padding或margin，导致了整体高度超出了视口高度。

解决方法可以尝试给video元素的父元素或祖先元素设置box-sizing: border-box;，这样padding和border不会撑开元素的大小，从而避免滚动条出现。另外也可以给body元素设置margin: 0;来去掉默认的页面边距。

例如：

html,
body {
  height: 100%;
  margin: 0;
}

.parent {
  box-sizing: border-box;
  padding: 20px;
}

video {
  height: 100%;
  width: 100%;
}

这样设置可以将video元素的高度设置为100vh，并且避免出现滚动条。