Html 有没有办法让所有设备和浏览器都能在一个屏幕上播放视频

我在banner有视频，我想要的是视频应该适合所有设备和浏览器的单一屏幕，问题是它在chrome中看起来高度较小，但在safari中看起来更大

.banner{
位置：相对位置；
}
录像带{
宽度：100%；
}

使用

---

媒体查询用于响应web开发，并且高度可定制。以上只是使用

max width

style属性确定需要应用哪些样式的示例。您可以在一个类中使用多个媒体查询来涵盖需要涵盖的内容。

因此，如果您的视频没有适合设备尺寸的位置，那么您希望如何适应它？您是否尝试过将宽度添加到视频中<代码>是的，我试过宽度：100%只看屏幕截图的底部那个黑色空间我想用宽度填充高度它的精细度不看宽度看到高度只看屏幕截图的底部那个黑色空间我想用宽度填充高度它的精细度

.spread-video{
        @media(max-width: 768px) {
        /*Styles to be executed when screen is narrower than 768px*/
        }
    }