视频元素上出现不需要的边框

Question

我试图摆脱此视频http://bit.ly/ZihaJV周围的边界，其想法是该视频在无边界的白色背景上播放。问题可能是由于视频的比例和播放器的大小。

我也找到了这篇文章，但不能解决问题。我什至没有访问Flash来编译swf的权限。videojs禁用黑色背景

在视频周围使用带有白色边框的来隐藏出现的黑线可能是一种解决方法，但由于视频需要响应，因此我遇到了问题。

实际的网页显示的边界比此测试的边界要多。抱歉，我无法显示原件。

谢谢，欢迎您的帮助。

Answer 1

在您链接到的视频中，视频顶部的边框线是视频文件本身的一部分，因此这是原始文件或您编辑文件的方式的问题。（我经常在视频中遇到这个问题。非常烦人。）

使用 CSS 进行快速视觉修复是将视频顶部向上拉一点并隐藏顶部的线条：

.video-js .vjs-tech {
    top: -2px;
}

.video-js {
    overflow: hidden;
}

但是，是的，这有点厚脸皮。