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事件：浏览器估计以当前速率直接播放可以直接播放完整个媒介资源（期间不需要缓冲）；

seeking事件：浏览器正在请求数据（seeking属性值为true）；

seeked事件：浏览器停止请求数据（seeking属性值为false）；

timeupdate事件：当前播放位置（currentTime属性）改变；

ended事件：播放由于媒介结束而停止；

ratechange事件：默认播放速率（defaultPlaybackRate属性）改变或播放速率（playbackRate属性）改变；

durationchange事件：媒介时长（duration属性）改变；

volumechange事件：音量（volume属性）改变或静音（muted属性）。

6 Video完结

W3C网站上有一个关于HTML 5视频的举例，很好的说明了所有前面介绍的标签的使用，属性和方法以及事件的应用，非常直观。随便还可以通过这个页面查看浏览器对HTML 5视频各个方面的支持情况。

文档的第一章，关于HTML 5视频的相关知识背景和技术规范就差不多介绍完了，整章的内容不是文字就是代码，有图也几乎是代码截图。后续还会有第二章、第三章……HTML 5引入了很多强大的新内容，我们有很多东西需要去学习。学习的过程相当枯燥，写文档也是如此，希望有同学能按顺序看到这儿，感谢你的耐心阅读。期待HTML 5能早日普及，给互联网带来新鲜血液。