
上QQ阅读APP看书,第一时间看更新
3.3 HTML 5的媒体元素
在HTML 5中提供了全新的媒体组件,通过对应的标签就可以在界面中嵌入一个音频或者一段视频,非常便于开发人员使用。
媒体元素标签主要有两种:一种是视频媒体元素标签<video>,另一种是音频媒体元素标签<audio>,主要涉及的属性是src、controls、source、autoplay等。
· src:表示视频路径。
· controls:表示控制播放器开始、关闭、音量调节等。
· source:也可以输入地址,避免各个浏览器不兼容的问题。
· autoplay:表示自动播放。
· loop:表示循环播放。
· muted:表示静音。
3.3.1 视频元素
视频元素的语法如下所示:

视频元素代码如下所示:

3.3.2 音频元素
音频元素支持的格式有mp3、wav和ogg等。
音频元素的语法如下所示:

音频元素代码如下所示:
