एचटीएमएल 5 आलसी 'ऑनप्ले' इवेंट हैंडलर?

Question

नए एचटीएमएल 5 ऑडियो टैग के साथ, ऑनप्ले इवेंट केवल ऑडियो बजाए जाने पर पहली बार आग लग रहा है। इस उदाहरण में, "प्ले" पर क्लिक करते समय, ऑडियो "प्लेइंग" दिखाते हुए एक अलर्ट पॉपअप के साथ बंद हो जाता है। जब ऑडियो समाप्त हो गया है और "प्ले" दोबारा क्लिक किया गया है, तो ऑडियो फिर से बंद हो जाता है लेकिन कोई चेतावनी नहीं निकाल दी जाती है। क्या मुझसे कोई चूक हो रही है? क्या मुझे किसी भी तरह ऑडियो रीसेट करना है?

<a href="#" onclick="$('#audio')[0].play();">Play</a> 

<audio preload="none" id="audio" onplay="alert('playing');"><source type="audio/wav" src="..."></source></audio> 

मैंने jQuery के साथ प्ले इवेंट को बाध्य करने का भी प्रयास किया है, लेकिन मुझे एक ही परिणाम मिलते हैं।

<a href="#" onclick="$('#audio')[0].play(); return false;">Play</a> 

<audio preload="none" id="audio"><source type="audio/wav" src="..."></source></audio> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     $('#audio')[0].bind('play', function() { 

      alert("Playing"); 

     }); 

    });  

</script> 

Answer 1

onplay

तत्व नहीं रह गया है रुका हुआ है, जब मीडिया चालू करवाने के लिए तैयार है चलाया जाता है। Play() विधि के बाद निकाल दिया गया है लौटा, या जब ऑटोप्ले विशेषता ने प्लेबैक शुरू किया है।

spec

से लिया आप

<input type="button" value="Play" id="play_pause" onclick="audio.play()"> 

और फिर

var play_pause = document.getElementById('play_pause'); 
video.onpause = function(e) { 
    play_pause.value = 'Play'; 
    play_pause.onclick = function(e) { video.play(); } 
} 
video.onplay = function(e) { 
    play_pause.value = 'Pause'; 
    play_pause.onclick = function(e) { video.pause(); } 
} 

source