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; 
}

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

2 个答案: