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