HTML5新標籤與特性--多媒體

多媒體標籤

• embed：標籤訂義嵌入的內容
• audio：播放音頻
• video：播放視頻

多媒體 embed（會使用）

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

由於兼容性問題，咱們這裏只講解 插入網絡視頻， 後面H5會講解 audio 和video 視頻多媒體。

<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>

優酷，土豆，愛奇藝，騰訊、樂視等等

1. 先上傳
2. 在分享

 

多媒體 audio

HTML5經過

使用至關簡單，以下圖所示

而且能夠經過附加屬性能夠更友好控制音頻的播放，如：

autoplay 自動播放

controls 是否顯不默認播放控件

loop 循環播放 若是這個屬性不寫 默認播放一次 loop 或者 loop = 「loop」 表示無限循環

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

 

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

<source> 標籤容許您規定可替換的視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇

 

多媒體 video

HTML5經過

同音頻播放同樣，

一樣，經過附加屬性能夠更友好的控制視頻的播放

autoplay 自動播放

controls 是否顯示默認播放控件

loop 循環播放

width 設置播放窗口寬度

height 設置播放窗口的高度

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

 

多瀏覽器支持的方案，以下圖****