视频元素上出现不需要的边框[关闭]

Question

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

我也找到了这篇文章，但它没有解决问题。我甚至无法访问Flash来编译swf。 videojs disable black background

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

实际网页显示的边界比此测试更多。对不起，但我无法显示原文。

谢谢，欢迎任何帮助。

Answer 1

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

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

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

.video-js {
    overflow: hidden;
}

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

Answer 2

我最终整理出ralph.m评论的方式如下：

.video-js .vjs-tech {
  /* make the video larger so it can hide*/
  width: 102%;
  height: 102%;
  /* displace video to hide*/
  left: -5px;
  /* allow space for hiding*/
  margin: -10px;
  position: absolute;
  top: 0;
}

.video-js {
  /* make sure overflow is hidden*/
  overflow: hidden; 
}