html5-深刻淺出（2）

audio

　　標籤訂義聲音，好比音樂或其餘音頻流。改標籤內含有的屬性以及兼容性（已火狐和谷歌爲例）

　　

<!-- autoplay  自動播放  （火狐支持  瀏覽器兼容 谷歌不支持）
     muted 規定視頻輸出應該被靜音 （都支持）
     loop  則每當音頻結束時從新開始播放（都支持）
     preload 若是出現該屬性，則音頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。（都支持）
     controls 若是出現該屬性，則向用戶顯示控件，好比播放按鈕。（都支持）
 -->

　　

<audio src="南屏晚鐘.mp3" controls muted autoplay >
    您的瀏覽器不支持
</audio>

　　再上面瀏覽器中 火狐音頻全部屬性都支持的，谷歌不支持自動播放，（除了谷歌都支持），並且在ie8中打開只顯示您的瀏覽器不支持，由於ie8就是不支持。並且視頻格式分爲不少種，瀏覽器支持的也不一樣，咱們能夠用source 引入。支持什麼格式引入什麼格式的文件，都不支持那就是您的瀏覽器不支持了。

　　

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
    你的瀏覽器不支持
</audio>

video

　　標籤訂義視頻，好比電影片斷或其餘視頻流。引入資源與屬性與音頻基本相同、自動播放除了谷歌其他都是能夠的。

　　

<!--
      autoplay 若是出現該屬性，則視頻在就緒後立刻播放。
      controls 若是出現該屬性，則向用戶顯示控件，好比播放按鈕
      height   設置視頻播放器的高度
      loop     若是出現該屬性，則當媒介文件完成播放後再次開始播放
      muted    規定視頻的音頻輸出應該被靜音
      poster   規定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像
      preload  若是出現該屬性，則視頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。
      width    設置視頻播放器的寬度
 -->

　　

<video width="300" height="300" src="Passenger - Restless Wind.mp4" controls  autoplay></video>

　備註：谷歌的自動播放也能夠作 咱們加上 muted 屬性，在谷歌瀏覽器中靜音狀態下是能夠自動播放的。