在Google Chrome浏览器中,当我更改为全屏模式标准控件时显示鼠标移动.也总是在右键菜单上启用功能显示控制(仅在全屏幕上),我无法禁用它.所以我托盘这个js功能,但他们没有工作.JS:
$('.gp_nav_fc').click(function() {
elem = $('#bcVideo')[0];
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
$('.gp_buttons').attr('class', 'gp_buttons fullscreen');
elem.controls = false;
$('#bcVideo')[0].removeAttribute("controls");
$('#bcVideo').controls = false;
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<video id="bcVideo" src="anotherhost.com/video.mp4" style="position: absolute;" poster="poster.gif"></video>
Run Code Online (Sandbox Code Playgroud)
我改变src课程很长,但视频来自另一个域.
有没有办法让我们通过javascript禁用HTML5视频的“播放/暂停/点击全屏”功能,然后在我们再次需要时将其放回去?