监听html5视频事件,html5中关于音频与视频监听器应用的示例详解

一 介绍

1、和元素有不少监听事件，因此可以绑定这些事件的监听器。

2、本应用实现的ontimeupdate事件的监听器。

3、通过ontimeupdate事件绑定监听器可以实时监控音频、视频的播放位置。

二 代码

视频播放

视频播放

您的浏览器不支持video元素

秒

var bn = document.getElementById("bn");

var mv = document.getElementById("mv");

var detail = document.getElementById("detail");

// 为video元素的ontimeupdate事件绑定监听器

mv.ontimeupdate = function()

{

detail.innerHTML = mv.currentTime + "/"

+ mv.duration;

};

bn.onclick = function()

{

if(mv.paused)

{

mv.play();

bn.value = "暂停";

}

else

{

mv.pause();

bn.value = "播放";

}

}

三 运行结果