H5新增了哪些多媒體標簽？多媒體標簽介紹

• 音頻：<audio>

• 視頻：<video>

使用它們可以很方便的在頁面中嵌入音頻和視頻，而不再去使用落后的 flash 和其他瀏覽器插件。

HTML5 在不使用插件的情況下也可以原生的支持音頻格式文件的播放，當然支持格式是有限的。

音頻格式

當前，<audio>元素支持三種音頻格式：

<audio>音頻標簽語法格式

 <audio src="文件地址" controls="controls"></audio>

 < audio controls="controls" >
<source src="happy.mp3" type="audio/mpeg" >
<source src="happy.ogg" type="audio/ogg" >
您的瀏覽器暫不支持audio標簽。
 </ audio>

<audio>音頻標簽常見屬性

2.<video>視頻標簽

<video>視頻標簽語法格式

<video src="文件地址" controls="controls"></video>

< video controls="controls" width="300">
<source src="move.ogg" type="video/ogg" >
<source src="move.mp4" type="video/mp4" >
您的瀏覽器暫不支持video標簽。播放視頻
</ video >

<video>視頻標簽常見屬性

總結

音頻標簽和視頻標簽使用基本一致。

瀏覽器支持情況不同。

谷歌瀏覽器把音頻和視頻自動播放禁止了。

我們可以給視頻標簽添加 muted 屬性可以自定播放視頻，音頻不可以。

視頻標簽是重點，我們經常設置自動播放，不使用controls控件，循環(huán)和設置大小屬性。

猜你喜歡：

HTML5頁面頭部信息相關標簽是如何編輯的？

web前端入門之圖片標簽的使用【卡其漫畫5】

WEB前端開發(fā)之video標簽使用教程

黑馬程序員web前端與移動開發(fā)課程