音頻標簽的Html5懶惰'onplay'事件處理程序？

Question

使用新的Html5音頻標簽，onplay事件似乎只在第一次播放音頻時觸發。 在此示例中，單擊“播放”時，音頻將以“正在播放”的警告彈出窗口開始播放。 當音頻完成並再次點擊“播放”時，音頻再次開始，但沒有發出警報。 我在這里錯過了什么嗎？ 我是否必須以某種方式重置音頻？

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

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

我也嘗試使用jQuery綁定到play事件，但我得到了相同的結果。

<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（）方法返回后，或者當autoplay屬性導致播放開始時觸發。

取自規范

你可以試試

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

資源