html5多媒体事件写法,多媒体元素重要事件 -HTML5

事件处理方式

在利用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();

}

播放

暂停