Css 视频播放器显示黑色边框

我使用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>

导致

如果有人能帮我，我会非常高兴的

谢谢

那么：

border: none !important;

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

border-right: none !important;

---

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

这实际上是一个众所周知的问题。稍微隐藏一点就可以解决问题-> 给父元素，谁包装视频溢出：隐藏 视频（相对位置/绝对位置）左侧：1px

像这样：

Html:

由此（黑色视频边框）：

为此（无黑色边框）：

加入：

<video width="103%" style="margin-left: -3px">

---

这些都不对。这是一个焦点问题。您需要执行以下操作：

video:focus{outline:none；}

---

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

如果您共享您的code@Mihai我试过了，但是它在我的文本下面留下了一个长长的边框。和边框：无结果相同在所有浏览器上都是一样的吗？@Mihai No在IE11中它显示一个绿色屏幕（这是我的视频卡应得的？），但当我使用该效果调整其大小时，它会在两侧显示黑色边框。Chrome（图片）在右边只显示一个边框。它也可能是一个方框阴影。。。因此，请尝试添加：

box shadow:none！重要的检查选择器并确保它们匹配。这里的其他地方对此进行了解释。这是正确的方法。这应该被选为答案！非常好用，看起来像chrome广告，视频元素的一些轮廓在：聚焦。很好用，谢谢。您还忘记关闭标记：class=“video wrapper”->>
<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

.video-wrapper{
    overflow: hidden
}

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

<video width="103%" style="margin-left: -3px">