html5的媒介事竭惮蚕斗件,由视频、图像以及音频等媒介触发的事件。常见的媒介事件有:onabort当发生中指芒儒商坑事件时运行脚本oncanplay当媒介能够开始播放但可能因缓冲而需要停止时运行脚本oncanplaythrough当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本ondurationchange当媒介长度改变时运行脚本onemptied当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本onended当媒介已抵达结尾时运行脚本onerror当在元素加载期间发生错误时运行脚本onloadeddata当加载媒介数据时运行脚本onloadedmetadata当媒介元素的持续时间以及其他媒介数据已加载时运行脚本onloadstart当浏览器开始加载媒介数据时运行脚本onpause当媒介数据暂停时运行脚本onplay当媒介数据将要开始播放时运行脚本onplaying当媒介数据已开始播放时运行脚本onprogress当浏览器正在取媒介数据时运行脚本onratechange当媒介数据的播放速率改变时运行脚本onreadystatechange当就绪状态(ready-state)改变时运行脚本onseeked当媒介元素的定位属性不再为真且定位已结束时运行脚本onseeking当媒介元素的定位属性为真且定位已开始时运行脚本onstalled当取回媒介数据过程中(延迟)存在错误时运行脚本onsuspend当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本ontimeupdate当媒介改变其播放位置时运行脚本onvolumechange当媒介改变音量亦或当音量被设置为静音时运行脚本onwaiting当媒介已停止播放但打算继续播放时运行脚本
工具/原料
43版本的火狐浏览器
任意的文本编辑器
方法/步骤
1、这里用onvolum娣定撰钠echange(当媒介改变音量亦或当音量被设置为静音时运行脚本)来举例,代码如下:<稆糨孝汶;!DOCTYPEHTML><html><body><audiosrc="./media/test.mp3"controls="controls"></audio></body></html>效果如图:
2、接下来,我们在audio的标签里面加onvolumechange事件属性,代码:onvolumechange="run();"效果如图:
3、代码分析:onvolumechange="run();"这句的意思是当媒介改变音量亦或当音量被设置为静音时执行run()函数。
4、其他的媒介事件同理,这里不再一一讲解。