我们可以使用CSS对视频元素进行样式设置。
1.设置纵向高度:可以通过设置视频元素的高度和宽度来实现。
.video {
height: 100vh; /* 设置高度为视口高度 */
width: auto;
}
2.设置全页高度:通过CSS的object-fit
属性可以实现。
.video {
height: 100vh;
width: 100vw;
object-fit: cover; /* 缩放以完全覆盖容器 */
}
以上代码中,.video
是视频元素的类名,你可以自己定义该元素的ID或类名。同时,100vh
和100vw
分别代表视口的高度和宽度。
请注意,某些浏览器可能需要添加特定的Vimeo/YouTube API代码才能实现完全高度的视频元素。