如何禁用全屏 HTML5 视频的默认控件？

我有一个指定宽度和高度的视频，双击它可以使用全屏显示videoElement.webkitRequestFullScreen()。 默认情况下，视频没有任何控件。但由于某种原因，在全屏显示时，会弹出默认控件。这就是我正在做的：

<video id="videoId" width="320" height="240" autoplay="autoplay" ondblclick="enterFullScreen('videoId')" src="Blah.mp4"></video>

And the enterFullScreen(...)函数定义为：

function enterFullScreen(elementId) {
    var element = document.getElementById(elementId);
    element.webkitRequestFullScreen();
    element.removeAttribute("controls");
}

正如您所看到的，我已经尝试删除函数中的控件。但无济于事。

有人可以告诉我如何防止这种默认控件的自动插入发生吗？

这可以通过 CSS 来解决，如下所述：HTML5 视频在 Chrome 中的全屏模式下不会隐藏控件 https://stackoverflow.com/questions/18270894/html5-video-does-not-hide-controls-in-fullscreen-mode-in-chrome#

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