वीडियो एचटीएमएल 5 तत्व पर प्ले इवेंट क्या है?

Question

मेरे पास पृष्ठ पर एम्बेड किया गया एक वीडियो HTML5 टैग है। जब उपयोगकर्ता "प्ले बटन" पर क्लिक करता है तो मुझे एक क्रिया को ट्रिगर करने की आवश्यकता होती है। लेकिन मुझे नहीं पता कि मेरी कार्रवाई के लिए इसे कैसे बांधना है। क्या मुझे इसकी आवश्यकता के लिए कोई घटना है? मैं jQuery का उपयोग कर रहा हूं ...

धन्यवाद!

Answer 1

क्या यह डब्ल्यू 3 सी डेमो पेज मदद करता है? 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

एचटीएमएल 5 कार्यक्रम में एक ऑनप्ले इवेंट है जिसे आप कॉल कर सकते हैं जिसके लिए श्रोता जोड़ने की आवश्यकता नहीं है। यदि आप JQuery का उपयोग नहीं करना चाहते हैं तो यह एक तरीका है जो शुद्ध जावास्क्रिप्ट के साथ काम करेगा।

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