html5視訊開發常涉及的事件彙總
阿新 • • 發佈：2018-11-12
html5視訊開發常涉及的事件彙總，比較全面的事件整理。
在處理用<audio> 和 <video>標籤嵌入到HTML文件中的媒體時，會觸發多種事件。本章列出這些事件，並給出一些使用方法。
| 事件名稱 | 描述 |
|---|---|
abort |
在播放被終止時觸發,例如, 當播放中的視訊重新開始播放時會觸發這個事件。 |
canplay |
在媒體資料已經有足夠的資料（至少播放數幀）可供播放時觸發。這個事件對應CAN_PLAY的readyState。 |
canplaythrough |
在媒體的readyState變為CAN_PLAY_THROUGH時觸發，表明媒體可以在保持當前的下載速度的情況下不被中斷地播放完畢。注意：手動設定currentTime會使得firefox觸發一次canplaythrough事件，其他瀏覽器或許不會如此。 |
durationchange |
元資訊已載入或已改變，表明媒體的長度發生了改變。例如，在媒體已被載入足夠的長度從而得知總長度時會觸發這個事件。 |
emptied |
媒體被清空（初始化）時觸發。 |
ended |
播放結束時觸發。 |
error |
在發生錯誤時觸發。元素的error屬性會包含更多資訊。參閱Error handling獲得詳細資訊。 |
loadeddata |
媒體的第一幀已經載入完畢。 |
loadedmetadata |
媒體的元資料已經載入完畢，現在所有的屬性包含了它們應有的有效資訊。 |
loadstart |
在媒體開始載入時觸發。 |
mozaudioavailable |
當音訊資料快取並交給音訊層處理時 |
pause |
播放暫停時觸發。 |
play |
在媒體回放被暫停後再次開始時觸發。即，在一次暫停事件後恢復媒體回放。 |
playing |
在媒體開始播放時觸發（不論是初次播放、在暫停後恢復、或是在結束後重新開始）。 |
progress |
告知媒體相關部分的下載進度時週期性地觸發。有關媒體當前已下載總計的資訊可以在元素的buffered屬性中獲取到。 |
ratechange |
在回放速率變化時觸發。 |
seeked |
在跳躍操作完成時觸發。 |
seeking |
在跳躍操作開始時觸發。 |
stalled |
在嘗試獲取媒體資料，但資料不可用時觸發。 |
suspend |
在媒體資源載入終止時觸發，這可能是因為下載已完成或因為其他原因暫停。 |
timeupdate |
元素的currentTime屬性表示的時間已經改變。 |
volumechange |
在音訊音量改變時觸發（既可以是volume屬性改變，也可以是muted屬性改變）.。 |
waiting |
在一個待執行的操作（如回放）因等待另一個操作（如跳躍或下載）被延遲時觸發。 |
來源：https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events