检测HTML 5视频何时完成

Question

检测HTML 5视频何时完成如何检测HTML 5<video>元素玩完了吗？

Answer 1

您可以添加以“End”作为第一个Param的事件侦听器。

就像这样：

<video src="video.ogv" id="myVideo">
  video not supported</video><script type='text/javascript'>
    document.getElementById('myVideo').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        // What you want to do after the event
    }</script>

Answer 2

看看这个关于HTML 5视频和音频你需要知道的一切张贴在OperaDev网站下的“我想要滚动我自己的控制”部分。

以下是相关章节：

<video src="video.ogv">
     video not supported</video>

然后你可以使用：

<script>
    var video = document.getElementsByTagName('video')[0];

    video.onended = function(e) {
      /*Do things here!*/
    };</script>

onended是所有媒体元素上的HTML 5标准事件，请参见HTML 5媒体元素(视频/音频)事件文件。