google-chrome - 如何在 safari 和 google chrome 中阻止出现在我的 html5 视频下方的黑线

Question

link to the page I'm trying to get sorted

我在这个页面上有一些 html5 视频，我已经设法对它进行了排序，所以我很高兴它在大多数浏览器中工作并在那些不支持 video 标签的浏览器中显示图像。

有一个奇怪的错误，我似乎无法在 chrome 和 safari 中解决，其中视频下方出现一条细黑线。我一直在研究它，但一无所获。

Answer 1

在问题中最初链接的视频中，黑线在 MP4 视频本身中。它不在 webm 和 ogg 版本中。 Safari 和 Chrome 将播放 MP4。
您可以使用 overflow:hidden 将视频放在较小的 div 中以对其进行裁剪，但您可能想要修复视频文件。

div#videocrop {
    height: 493px;
    overflow: hidden
}