视频播放器显示黑色边框

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

Answer 2

这一切都不对。这是一个重点。你需要做：

video:focus { outline:none; }

// 或者，如果您需要关注 ADA/WCAG 合规性，请选择颜色或透明或其他颜色。

Answer 3

怎么样：

border: none !important;

如果这不起作用也尝试添加：

border-right: none !important;

如果这些没有帮助，请向我们展示您的网站