前端程序员面试笔试通关宝典
上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等。

音频元素的语法如下所示:

音频元素代码如下所示: