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); 
}