移动商务网页设计与制作教学课件作者魏利华第7章多媒体播放.pptVIP

７.４　多媒体元素的重要事件 （７）使用ｖｉｄｅｏ元素的ａｄｄＥｖｅｎｔｌｉｓｔｅｎｅｒ方法对ｄｕｒａｔｉｏｎｃｈａｎｇｅ和ｔｉｍｅｕｐｄａｔｅ等事件进行监听，同时绑定ｕｐｄａｔｅＳｅｅｋａｂｌｅ和ｕｐｄａｔｅＰｌａｙｈｅａｄ函数，在这两个函数中输出媒体文件的总时间长度和当前播放时间。代码如下：其运行效果如图７.４所示。 上一页 返回 ７.５　小结 本章介绍了ＨＴＭＬ５中ｖｉｄｅｏ元素和ａｕｄｉｏ元素的用法，并演示了如何使用它们构建Ｗｅｂ应用。Ａｕｄｉｏ元素和ｖｉｄｅｏ元素的引入让ＨＴＭＬ５的应用多了一种选择：不使用插件即可播放音频和视频。此外，ａｕｄｉｏ元素和ｖｉｄｅｏ元素还提供了通用的、集成化的可用脚本控制的ＡＰＩ。 返回 图７.１　在ＨＴＭＬ４中播放视频 返回 表７.１ 目前浏览器对ｖｉｄｅｏ元素和ａｕｄｉｏ元素的支持情况 返回 表７.２ ｓｏｕｒｃｅ元素的几个属性 返回 图７.２　Ｆｉｒｅｆｏｘ３.５浏览器播放ＨＴＭＬ５视频时的控制条 返回 图７.３　用Ｆｉｒｅｆｏｘ３.５浏览器播放ｏｇｖ视频文件 返回 图７.４　事件捕捉实例 返回 * 第7 章 多媒体播放 7. 1 HTML5 多媒体概述 7. 2 多媒体元素的基本属性 7. 3 多媒体元素的常用方法 7. 4 多媒体元素的重要事件 7. 5 小结 返回 7. 1 HTML5 多媒体概述 ７.１.１　ＨＴＭ