Mediaelement JS - 当鼠标不移动时隐藏鼠标光标

Question

我对mediaelement js有一个小问题。 当鼠标不移动时，我的播放器不会隐藏鼠标光标。

<script src="build/jquery.js"></script> 
<script src="build/mediaelement-and-player.js"></script>

<link rel="stylesheet" href="build/mediaelementplayer.css" />

<video width="850" height="350" id="player2" controls="controls">
<source src="http://127.0.0.1/publics/ip4.mp4" type="video/mp4">
<track kind="subtitles" src="iron.man.3.2013.720p.bluray.dts.x264-publichd.srt.txt"     srclang="en" /> 

 <script>
 $('audio,video').mediaelementplayer();
 </script>

Answer 1

我知道这是一个古老的话题，但它可以帮助某人......

var mHidden = false;
var j;

$(document).mousemove(function() {
    if (!mHidden) {
        mHidden = false;
        clearTimeout(j);
        $('#player2').css({cursor: 'default'});
        j = setTimeout(hide, 1000);
    }
});

function hide() {
        $('#player2').css({cursor: 'none'});
        mHidden = true;
        setTimeout(function() {
            mHidden = false;
        }, 500);
}