我正在尝试使用html5标签在网站上实现一个非常简单的视频作为横幅。我只需要全宽和响应，这似乎在Chrome和Firefox中完美运行，但不是Safari。
以下是使用完全相同的标记从更复杂的wordpress页面获取的简化版本，同样的情况也是如此。 http://noisilyfestival.com/video-test.html
我已经将视频背景设置为红色，在Safari中看到顶部和底部有巨大的间隙，而在Firefox和Chrome中它是齐平的。
无法弄清楚我的生活在这里发生了什么！我已将视频设置为显示：块可以修复底部的几个像素间隙，但无法解决此问题。提前致谢！
答案 0 :(得分：0)
我删除了display：block;从＃homepage-video和Safari看起来很好。
答案 1 :(得分：0)
有人向我指出，在调整浏览器宽度时，问题会自行纠正。因此，固有比率技术是确保跨浏览器工作的最有效方法... http://alistapart.com/article/creating-intrinsic-ratios-for-video
现在应该在我已经测试过的所有浏览器上运行。