视频播放器显示黑色边框

Question

我使用的是HTML5视频播放器和它的作品，但它显示在右侧1/2像素的边框。我已经检查它是否是因为影片本身，我试图设置

border:solid 0px black;

但这并没有帮助。

我当前的代码：

<video id="video" autoplay>
  <source src="intro.mp4" type="video/mp4" id="video">
  Your browser does not support the HTML5 player.
</video>

和风格

#video{
    width:80%; right: 0; top: 0;
    display:none;
    border:solid 0px black;
}

结果是

如果有人可以帮助我，我会很开心：d

谢谢

Answer 1

它实际上相当已知问题。隐藏的修复有点解决它 - >给父元素，谁包的视频溢出：隐藏和视频（相对位置/绝对值）左：1px的。

像这样：

HTML：

<div class="video-wrapper"
  <video id="video" autoplay>
    <source src="intro.mp4" type="video/mp4" id="video">
    Your browser does not support the HTML5 player.
  </video>
</div

CSS：

.video-wrapper{
    overflow: hidden
}

.video-wrapper #video{
    position: relative; /* could be absolute if needed */
    left: 1px;
}

Answer 2

怎么样：

border: none !important;

如果这不起作用尝试加入，以及：

border-right: none !important;

如果这些不帮助，请告诉我们您的网站