我有一个指定宽度和高度的视频,双击它可以使用videoElement.webkitRequestFullScreen()全屏显示.
默认情况下,视频没有任何控件.但出于某种原因,在全屏显示时,弹出默认控件.这是我正在做的事情：
默认情况下,视频没有任何控件.但出于某种原因,在全屏显示时,弹出默认控件.这是我正在做的事情：
<video id="videoId" width="320" height="240" autoplay="autoplay" ondblclick="enterFullScreen('videoId')" src="Blah.mp4"></video>
并且enterFullScreen(…)函数定义为：
function enterFullScreen(elementId) {
var element = document.getElementById(elementId);
element.webkitRequestFullScreen();
element.removeAttribute("controls");
}
有人能告诉我如何防止这种自动插入默认控件的事件发生吗？
解决方法
这可以用CSS解决,如下所述：
HTML5 video does not hide controls in fullscreen mode in Chrome
video::-webkit-media-controls {
display:none !important;
}
