网络编程
位置:首页>> 网络编程>> 网页设计>> HTML 5 Video概述(7)

HTML 5 Video概述(7)

作者:dgguo 来源:腾讯互娱设计团队 发布时间:2010-06-23 18:56:00 

标签:html5,video,视频

5 媒介事件

媒介事件可以作用于各种媒介元素,如视频、音频、图片等,主要包括loadstart、progress、suspend、abort、error、emptied、stalled、play、pause、loadedmetadata、loadeddata、waiting、playing、canplay、canplaythrough、seeking、seeked、timeupdate、ended、ratechange、durationchange、volumechange等事件。

5.1 事件处理方式

一般有两种方式处理事件。

一种是监听的方式:addEventListener(“事件名”,处理函数,处理方式)。例如,如果需要在浏览器对媒介进行播放时执行begin_playing函数,那么可以这样,media. addEventListener(“play”, begin_playing,false)。

另一种是直接赋值的方式:on时间名=处理函数,这是我们相对用的较多的方法,也就是“当XXX事件触发时”。例如,要进行和上面相同的处理,可以这样media.onplay= begin_playing。

5.2 事件介绍

loadstart事件:浏览器开始请求媒介;

progress事件:浏览器正在获取媒介;

suspend事件:浏览器非主动获取媒介数据,但没有加载完整个媒介资源;

abort事件:浏览器在完全加载前中止获取媒介数据;

error事件:获取媒介数据出错;

emptied事件:媒介元素的网络状态突然变为未初始化;

stalled事件:浏览器获取媒介数据异常;

play事件:即将开始播放

pause事件:暂停播放

loadedmetadata事件:浏览器获取完媒介资源的时长和尺寸

loadeddata事件:已加载当前播放位置的媒介数据;

waiting事件:播放由于下一帧无效(例如未加载)而已停止(但浏览器确认下一帧会马上有效);

playing事件:已经开始播放

canplay事件:浏览器能够开始媒介播放,但估计以当前速率播放不能直接将媒介播放完(播放期间需要缓冲);

canplaythrough事件:浏览器估计以当前速率直接播放可以直接播放完整个媒介资源(期间不需要缓冲);

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com