HTML5音視頻

　　這裏只介紹HTML5在音視頻部分新添加的標籤的基本用法，其中的API另用一篇隨筆寫

 

視頻

video標籤

基本信息

　　video標籤是HTML5新添加的標籤，用來放視頻文件，其中能夠支持的文件格式包括mp4、webm、ogv

　　做爲標籤，video內部可添加文字，這些文字只有在不支持video標籤/不支持視頻格式的時候顯示

瀏覽器支持

　　各大主流瀏覽器中，Firefox和Chrome支持以上三種文件格式的視頻，只是控制菜單有些不一樣

　　safari只認mp4

　　IE8及如下不支持video標籤，以上的只認mp4

經常使用屬性

　　src：視頻的路徑，最重要的屬性，必需

　　controls：視頻播放的控制檯，若是缺失只有視頻的第一幀，必需

　　width/height：視頻的長寬，必須是按照源文件的大小等比例縮放，若是同時設置，只會讓播放器寬高拉伸，而視頻內容始終在中心

　　autoplay：設置視頻是否自動播放，Chrome下必需點擊播放的按鈕纔可播放

　　loop：設置視頻是否在播放結束後自動從頭從新播放

　　poster：視頻剛加載未播放時顯示的圖片，也是設置一個圖片，不然停在視頻第一幀，中途暫停或者倒回到開頭無效

　　muted：設置視頻播放是否爲靜音，這個屬性同autoplay同時存在時，能夠解決Chrome沒法自動播放的bug

 

source標籤

　　source標籤可定義在video內部，可添加src屬性，一樣也表示視頻文件的路徑，但video裏的src屬性優先度高於source的

　　若是第一個標籤的視頻播放失敗，繼續看下一個source標籤的視頻是否能夠正常播放，直至最後一個