事件处理方式
在利用video元素或audio元素读取或播放媒体数据的时候,会触发一系列的事件,如果用JavaScript脚本来捕捉这些事件,就可以对这些事件进行处理了。对于这些事件的捕捉及其处理,可以按两种方式来进行。
一种是监听的方式:addEventListener(“事件名”,处理函数,处理方式)方法来对事件的发生进行监听,该方法的定义如下所示。
videoElement.addEventListener(type,listener,useCapture);
语法说明:videoElement表示页面上的video元素或audio元素。type为事件名称,listener表示绑定的函数,useCapture是一个布尔值,表示该事件的响应顺序,该值如果为true,则浏览器采用Capture响应方式,如果为false,浏览器采用bubbing响应方式,一般采用false,默认情况下也为false。
另一种是直接赋值的方式。事件处理方式为JavaScript脚本中常见的获取事件句柄的方式。
var video;
function init()
{
video = document.getElementById("video1");
//监听视频播放结束事件
video.addEventListener("ended", function()
{
alert("播放结束。");
}, true);
}
function play()
{
// 播放视频
video.play();
}
function pause()
{
//暂停播放
video.pause();
}
播放
暂停