Javascript 当鼠标不移动时，如何隐藏视频全屏上的控件？

基本上，我已经为我的网络视频制作了自己的自定义控件。现在我需要隐藏我的控制，如果视频是全屏模式，如果鼠标没有移动

到目前为止，我正在做的是：

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

启动，即使我退出，它仍然会在控制台上监听并输出我说

hey

如果有人告诉我如何将我的控件（包含div）底部位置设置为

-65px

，如果鼠标未在文档全屏上移动，或者将底部位置设置为

0px

，我将不胜感激

提前感谢：）

可能会帮助他人

简单易行的方法：

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

---

提供一个工作示例链接，以便有人能够提供帮助。“嘿”是否会登录到您的控制台？@roberrt是如果视频一旦进入全屏，然后枯萎，则视频会退出或停留在其中，但仍会反复输出

hey

。难道您的控件不只是在您的全屏视频下吗？@roberrt通常我的控件在css中的位置设置为

-65px

。将鼠标悬停在返回到

0px