HTML5 多媒體標簽

一、多媒體 embed 標簽

　　embed可以用來插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url為音頻或視頻文件及其路徑，可以是相對路徑或絕對路徑。

　　語法格式：

<embed src="http://player.youku.com/player.php/sid/XMTI4MzM2MDIwOA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

　　Tips:

• <embed> 標簽在 HTML 4 中是無效的。頁面無法通過 HTML 4 驗證。
• 不同的瀏覽器對音頻格式的支持也不同。
• 如果瀏覽器不支持該文件格式，沒有插件的話就無法播放該音頻。
• 如果用戶的計算機未安裝插件，無法播放音頻。
• 如果把該文件轉換為其他格式，仍然無法在所有瀏覽器中播放。

二、音頻 audio 標簽

　　HTML5通過<audio>標簽來解決音頻播放的問題。

　　語法格式：

<audio src="路徑"  autoplay="autoplay" controls="true" loop=2></audio>

　　 autoplay屬性控制是否網頁加載自動播放

　　controls 是否顯示播放控件，默認不顯示

　　loop 屬性用於控制循環次數，如果值為正整數，則播放指定的次數，如果是 loop 或者是 loop = -1，則無線循環播放。

　　由於版權等原因，不同的瀏覽器可支持播放的格式是不一樣的，如下圖供參考

  

      

　　多瀏覽器支持的方案，如下圖：

　　

 

三、視頻 video 標簽

　　HTML5通過<audio>標簽來解決音頻播放的問題。

　　語法格式：

<video src="路徑" controls  autoplay width="300px"></video>

　　autoplay屬性控制是否網頁加載自動播放　　

　　controls 是否顯示播放控件，默認不顯示

　　loop 屬性用於控制循環次數，如果值為正整數，則播放指定的次數，如果是 loop 或者是 loop = -1，則無線循環播放。

　　width 屬性設置播放窗口寬度

　　height 屬性設置播放窗口高度

　　由於版權等原因，不同的瀏覽器可支持播放的格式是不一樣的，如下圖供參考

　　

　　　多瀏覽器支持的方案，如下圖：

　　

 

 　　更多的標簽學習請參考這里：http://www.w3school.com.cn/html/index.asp