首頁  >  文章  >  web前端  >  HTML5實戰與剖析之媒體元素(3、媒體元素的事件與方法)

HTML5實戰與剖析之媒體元素(3、媒體元素的事件與方法)

黄舟
黄舟原創
2017-02-13 13:27:102039瀏覽

  HTML5中的媒體元素除了擁有很多的屬性之外,video標籤和audio標籤還可以出發很多事件和方法。這些方法監控不同的屬性的變化,這些變化有可能是媒體播放的結果,也可能是使用者操作媒體的結果。以下就為大家開始介紹媒體元素的相關事件。


  abort:觸發時機是下載中斷。

  canplay:在可以播放的時候,readyState的值為2的時候觸發。

  canplaythrough:readyState的值為3的時候,觸發。播放可以繼續,而應該不會中斷的時候觸發。

  canshowcurrentframe:readyState的值為1的時候,觸發。當前幀已經下載完成的時候觸發。

  dataunavailable:因為沒有資料而不能播放的時候,readyState的值為0。

  durationchange:duration屬性值改變觸發的事件。

  emptied:網路連線關閉。

  empty:發生錯誤阻止了媒體下載。

  ended:媒體播放到末尾,播放停止(只讀)

  error:下載期間發生網路錯誤。

  load:觸發時間所有媒體已經載入完成。這個事件可能會被廢棄,建議使用canplaythrough。

  loadeddata:觸發時間媒體的第一幀已經載入完成。

  loadedmetadata:觸發時機媒體的元素資料已經載入完成。

  loadstart:下載已經開始。

  pause:方法是媒體開始暫停。

  play:方法是媒體開始播放。

  playing:媒體已經實際開始播放。

  progress:正在下載。

  ratechange:播放媒體的速度改變。

  seeked:搜尋結束。

  seeking:正移動到新位置。

  stalled:瀏覽器嘗試下載,但未接收到資料。

  volumechange:觸發時間是volume屬性或muted屬性值已經改變。

  waiting:觸發時間是播放暫停,等待下載更多資料。


  HTML5實戰與剖析之媒體元素(3、媒體元素的事件及方法)已經為大家介紹完了。這麼多事件很多,是為了讓開發者能夠順利的創造出非常人性化的媒體播放,能夠毫無壓力的取代flash媒體。更多有關HTML5的相關知識與內容請留意夢龍小站的相關更新。

以上就是HTML5實戰與剖析之媒體元素(3、媒體元素的事件及方法) 的內容,更多相關內容請關注PHP中文網(www.php.cn)!






陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn