|
2.8 一個完整的例子
這段代碼在頁面中定義了一個視頻，此視頻的預覽圖為poster的屬性值，顯示瀏覽器的默認媒體控制欄，預加載視頻的元數(shù)據(jù)，循環(huán)播放，寬度為900像素，高度為240像素。
第一選擇視頻地址為第一個source標簽的src屬性值，視頻類別為Ogg視頻，視頻編碼譯碼器為Theora，音頻編碼譯碼器為Vorbis，播放媒介為顯示器；第二選擇視頻地址不再累述。
如果你還要兼容IE的話，可以在最后一個source標簽后再加上Flash播放器的標簽集，或者使用一點JavaScript代碼。具體可以查看這篇文章。
3 媒介屬性
媒介屬性包括error、currentsrc、networkState、preload、buffered、readyState、seeking、currentTime、startTime、duration、paused、defaultPlaybackRate、playbackRate、played、seekable、ended、autoplay、loop、controls、volume、muted等，可以用于返回或改變媒介的狀態(tài)。
注意：以下使用到的“media”統(tǒng)一代表一個視頻元素。如下圖所示：
3.1 error屬性
只讀屬性。使用media.error返回一個MediaError對象表明當前的錯誤狀態(tài)，如果沒有出錯，返回null。
使用media.error.code返回媒介的錯誤狀態(tài)，共有4個可能值。
MEDIA_ERR_ABORTED（數(shù)字值為1）：媒體資源獲取異常；
MEDIA_ERR_NETWORK（數(shù)字值為2）：網(wǎng)絡錯誤；
MEDIA_ERR_DECODE（數(shù)字值為3）：媒體解碼錯誤；
MEDIA_ERR_SRC_NOT_SUPPORTED（數(shù)字值為4）：視頻格式被不支持。
3.2 currentSrc屬性
只讀屬性。使用media.currentSrc返回該媒介標簽的src屬性值。
3.3 networkState屬性
只讀屬性。使用media.networkState返回媒介的網(wǎng)絡狀態(tài)，共有4個可能值。
NETWORK_EMPTY（數(shù)字值為0）：尚未初始化；
NETWORK_IDLE（數(shù)字值為1）：加載完成，網(wǎng)絡空閑；
NETWORK_LOADING（數(shù)字值為2）：視頻加載中；
NETWORK_NO_SOURCE（數(shù)字值為3）：加載失敗。
出處：騰訊互娛設計團隊
責任編輯：bluehearts
上一頁 HTML 5 Video概述 [3] 下一頁 HTML 5 Video概述 [5]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 4 頁 HTML 5 Video概述 [4]
