Javascript HTML5视频不会在Chrome的全屏模式下隐藏控件

在Google chrome浏览器中，当我切换到全屏mod时，显示鼠标移动的标准控件。此外，在右键单击菜单上始终启用“显示控制”功能（仅在全屏上），我无法禁用它。因此，我托盘这个js功能，但他们不工作。 JS:

HTML:

---

我改变了src课程很长时间，但视频来自另一个领域。

所以我找到了这个问题的答案

在css中，需要添加下一条规则：

video::-webkit-media-controls {
  display:none !important;
}

---

有关链接的更多信息：

能否显示一些代码（超过两行）？看起来全屏控件的禁用已被覆盖。该属性似乎在全屏中被chrome阻止。所以在ff和chrome普通模式下（不是全屏），一切都很好。如果你想在全屏下隐藏控件，看起来你必须创建自己的控件。

<video id="bcVideo" src="anotherhost.com/video.mp4" style="position: absolute;" poster="poster.gif"></video>

video::-webkit-media-controls {
  display:none !important;
}