如何在safari和谷歌浏览器中阻止出现在html5视频下方的黑线

Question

链接到我正在尝试排序的页面

我在这个页面上有一些html5视频,我已经设法对它进行了排序,以便我对它在大多数浏览器中工作并在那些不支持视频标签的图像中显示图像感到满意.

有一个奇怪的错误,我似乎无法在Chrome和safari中解决,在视频下方出现一条细黑线.我一直在调查,但没有提出任何问题.

Answer 1

黑线是MP4视频本身.它不在webm和ogg版本中.Safari和Chrome将播放MP4.

您可以将视频放在一个较小的div中以overflow:hidden进行裁剪,但您可能想要修复视频文件.

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