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)!