html - HTML5 Video // 如果鼠标未移动，则全屏隐藏控件

Question

当我全屏且不移动鼠标时，我试图隐藏我的视频控件。然后，当我移动鼠标时，控件将再次弹出。我正在使用框架 VideoJs。我怎么能做到这一点？

Answer 1

你可以onmousemove 事件。如果视频是全屏的并且鼠标没有移动，请隐藏控件。

示例：//windowifisfullscreen -> 它只是一个示例，不是真实的。

    if(windowifisfullscreen)
    {
    document.onmousemove = function(){
    document.getElementById("contros").style.display="block";
    }
else{
 document.getElementById("contros").style.display="none";
}
    }