css - 视频播放器显示黑边

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 边框的最佳解决方案:

video {
    clip-path: inset(1px 1px);
}