HTML5視頻的API

  HTML5引入了video標籤,用來添加視頻,可是有部分功能存在問題,所以能夠用其留下的一些API來控制視頻,列舉以下:瀏覽器

 

屬性

duration

  獲取視頻的時長,以計算,但必需要在視頻加載完後纔可計算出,不然返回NaN網絡

  能夠用除法、求模運算計算出分、秒(實際視頻的秒數不是整數,須要用Math的floor方法向下取整)ide

  

currentTime

  返回當前播放視頻播放了的時長,單位爲,可用於快進/快退操做視頻

  

src

  設置視頻的目標文件blog

volume

  設置播放視頻時的音量,範圍爲0-1(靜音-滿格聲音)資源

controls

  設置視頻控制按鈕,布爾屬性io

muted

  設置視頻是否爲靜音,布爾屬性,可是該屬性在設置後不出如今video標籤上方法

netWorkState

  返回video標籤的視頻的網絡狀態im

  因爲視頻是在網頁加載後的一些時間後才完成加載,所以若是直接輸出netWorkState,返回一個3(未找到視頻資源),加載後必定時間就會返回1(視頻加載完成,但未加載網絡)img

currentSrc

  返回當前播放視頻的地址,能夠同src同樣輸出,但須要等視頻加載完成並能夠播放

  不一樣於src屬性,currentSrc屬性不可用來設置視頻的地址

(未完待續)

 

方法

play/pause

  用來控制視頻的開始/暫停,可是play方法對於Chrome瀏覽器仍是不起做用(即沒法在頁面加載後自動播放,仍是必須在靜音條件下才能夠實現自動播放)

(未完待續)

相關文章
相關標籤/搜索