video {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 10px;
}
video::-webkit-media-controls {
display: none !important;
}
video::-webkit-media-controls-enclosure {
display: none !important;
}
video::-webkit-media-controls-overlay-enclosure {
display: none !important;
}
video::-webkit-media-controls-play-button {
display: none !important;
}以上代码中，大家首先对video元素进行了宽度和高度的设置，使其尽可能地占据整个父容器的空间，并且通过border-radius属性来实现视频区域的圆角效果。
接下来，大家使用了一些CSS前缀来对视频的媒体控制区域进行隐藏，以达到更加简洁的视频播放界面。需要注意的是，这些前缀可能会因为浏览器的不同而有所差别，需要根据具体浏览器来进行设置。
总的来说，通过使用CSS来设置video元素的样式，可以实现更加出色的视频播放效果，使得网站页面更加美观和吸引人。尝试使用以上代码来优化你的视频页面吧！