HTML5视频//如果未移动鼠标,则全屏隐藏控件

时间:2013-04-26 18:40:11

标签: html5 video cursor hide fullscreen

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

1 个答案:

答案 0 :(得分:0)

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

实施例: // windowifisfullscreen - >它只是一个例子,不是真实的。

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