html5-video - video.js 黑色描边/边框去除

Question

我们已经在http://www.hetlandgoed.be/realisaties/上成功实现了 video.js

奇怪的是添加了黑色边框。我们可以去掉顶部和底部的，但不能去掉左右的。

我们是新手，因此非常感谢任何帮助！

Answer 1

视频本身在左右边缘有空白行。你可以看到，如果你在 Quicktime/VLC 等中播放它。

顶部和底部的边框是因为视频元素的宽高比略有不同——也许你是故意这样做是为了平衡它。

理想情况下，您只需要一个没有线条的新视频。否则，您可以使用 css 隐藏视频边缘：

.video.carousel {
  width: 934px;
  margin-left: 3px;
}

#my_video_1 {
  margin-left: -3px;
}

Answer 2

您可以编辑 video.js。搜索这个：

{wmode:"opaque",bgcolor:"#000000"} 

并更改为

{wmode:"opaque",bgcolor:"#FFFFFF"}