jQuery，HTML5音頻播放器完成后提交表單

Question

完成后是否有辦法檢測html5音頻播放器？

音頻播放完畢后，我想提交一份表格。

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">      
      Your browser does not support the audio tag.
    </audio> 

    $( document ).ready(function() {
    // when audio finished
        $(".form_sub #submit").trigger('click');
    });
<form class="form_sub">
<input type="submit" value="Submit" name="submit" id="submit">
</form>

演示版

Answer 1

<audio>元素具有一個ended事件，您可以收聽。 https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events

您可能需要進行一些測試，以消除一些怪癖並確定瀏覽器支持。

Answer 2

與音頻播放器相關的事件很多。 這可能是您要尋找的。

var aud = document.getElementById("myAudio");
aud.onended = function() {
    alert("The audio has ended");
};

可以在這里找到更多信息： http : //www.w3schools.com/tags/av_event_ended.asp