gpt4 book ai didi

javascript - 如何在鼠标不动时隐藏视频全屏控件?

转载 作者:行者123 更新时间:2023-11-28 04:38:13 25 4
gpt4 key购买 nike

基本上,我已经为我的 WEB 视频制作了自己的自定义控件。现在,如果视频处于全屏模式并且鼠标没有移动,我需要隐藏我的控件。

到目前为止我正在做的是:

var fullscreen_or_not=0;
document.addEventListener('webkitfullscreenchange', videoscreenmode, false);
document.addEventListener('mozfullscreenchange', videoscreenmode, false);
document.addEventListener('fullscreenchange', videoscreenmode, false);

function videoscreenmode(){
if(fullscreen_or_not==0){
fullscreen_or_not=1;
$('.controls').css("bottom","-65px");
document.onmousemove = function(){
$('.controls').css("bottom","0px");
console.log("hey");
}
}else{
fullscreen_or_not=0;
}
}

仅供引用:如果鼠标没有移动到 0,我需要将控件底部位置设置为 -65px

但这没有用,一旦视频进入全屏,onmousemove 的事件监听器就会启动,即使我退出它,它仍然在监听并在控制台上输出我说

如果有人告诉我如何将我的控件(包含在 div 中)底部位置设置为 -65px 如果鼠标没有在文档全屏上移动,我将非常感激否则将底部位置设置为 0px.

提前致谢:)

最佳答案

可能会帮助别人。

简单易行的方法:

var timeout = null;
$(video).on('mousemove', function() {
clearTimeout(timeout);
$('.controls').css("bottom","0px");
timeout = setTimeout(function() {
$('.vidCE').css("bottom","-65px");
}, 3000);
});

关于javascript - 如何在鼠标不动时隐藏视频全屏控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41358773/

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