동영상 html5 요소의 재생 이벤트는 무엇인가요?

Question

페이지에 영상 html5 태그가 삽입되어 있습니다. 사용자가 "재생 버튼"을 클릭 할 때 액션을 트리거해야합니다. 하지만 그걸 내 행동에 묶는 방법을 찾을 수는 없습니다. 내가 필요한 것을위한 행사가 있습니까? jQuery를 사용하고 있습니다 ...

고마워요!

Answer 1

이 W3C 데모 페이지는 도움이됩니까? http://www.w3.org/2010/05/video/mediaevents.html 재생 이벤트는 단순히 '재생'으로 나타납니다. 예를 들어

는 :

$('video').bind('play', function (e) { 
    // do something 
}); 

또는

$('video').on('play', function (e) { 
    // do something 
}); 

Answer 2

나는 다음과 같은 page에서 코드를 사용하고 제거 : 내가 도울 수있는 희망

<script language="javascript"> 
    document.addEventListener("DOMContentLoaded", init, false); 

    function init() { 
     var _video = document.getElementById("video"); 
     _video.addEventListener("playing", play_clicked, false); 
    } 

    function play_clicked() { 
     alert("play was clicked"); 
    } 
</script> 

<video id='video' 
    controls preload='none' 
    poster="http://media.w3.org/2010/05/sintel/poster.png"> 
    <source id='mp4' 
    src="http://media.w3.org/2010/05/sintel/trailer.mp4" 
    type='video/mp4'> 
    <p>Your user agent does not support the HTML5 Video element.</p> 
</video> 

합니다.

Answer 3

HTML5 이벤트에는 수신기를 추가 할 필요가없는 onplay 이벤트가 있습니다. JQuery를 사용하고 싶지 않다면 순수한 자바 스크립트로 작동 할 것이다.

var myVid = document.getElementById('videoId');  
if(myVid != null)//if possibility of no video loaded in DOM 
{ 
    myVid.onplay = function() { 
     //do something 
    }; 
}