gpt4 book ai didi

javascript - HTML5 视频不会在 Chrome 中以全屏模式隐藏控件

转载 作者:太空狗 更新时间:2023-10-29 14:44:03 25 4
gpt4 key购买 nike

在 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;
});

HTML:

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

我改变 src 类(class)很长,但视频来自另一个域。

最佳答案

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

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

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

有关链接的更多信息:http://css-tricks.com/custom-controls-in-html5-video-full-screen/

关于javascript - HTML5 视频不会在 Chrome 中以全屏模式隐藏控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18270894/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com