HTML5實(shí)戰(zhàn)與剖析之媒體元素(3、媒體元素的事件及方法)
來源:懂視網(wǎng)
責(zé)編:小OO
時間:2020-11-27 15:12:56
HTML5實(shí)戰(zhàn)與剖析之媒體元素(3、媒體元素的事件及方法)
abort:觸發(fā)時機(jī)是下載中斷。canplay:在可以播放的時候,readyState的值為2的時候觸發(fā)。canplaythrough:readyState的值為3的時候,觸發(fā)。播放可以繼續(xù),而應(yīng)該不會中斷的時候觸發(fā)。canshowcurrentframe:readyState的值為1的時候,觸發(fā)。當(dāng)前幀已經(jīng)下載完成的時候觸發(fā)。dataunavailable:因?yàn)闆]有數(shù)據(jù)而不能播放的時候,readyState的值為0。durationchange:duration屬性值改變觸發(fā)的事件。emptied:網(wǎng)絡(luò)連接關(guān)閉。empty:發(fā)生錯誤阻止了媒體下載。ended:媒體播放到末尾,播放停止(只讀)。error:下載期間發(fā)生網(wǎng)絡(luò)錯誤。
導(dǎo)讀abort:觸發(fā)時機(jī)是下載中斷。canplay:在可以播放的時候,readyState的值為2的時候觸發(fā)。canplaythrough:readyState的值為3的時候,觸發(fā)。播放可以繼續(xù),而應(yīng)該不會中斷的時候觸發(fā)。canshowcurrentframe:readyState的值為1的時候,觸發(fā)。當(dāng)前幀已經(jīng)下載完成的時候觸發(fā)。dataunavailable:因?yàn)闆]有數(shù)據(jù)而不能播放的時候,readyState的值為0。durationchange:duration屬性值改變觸發(fā)的事件。emptied:網(wǎng)絡(luò)連接關(guān)閉。empty:發(fā)生錯誤阻止了媒體下載。ended:媒體播放到末尾,播放停止(只讀)。error:下載期間發(fā)生網(wǎng)絡(luò)錯誤。

HTML5中的媒體元素除了擁有很多的屬性之外,video標(biāo)簽和audio標(biāo)簽還可以出發(fā)很多事件和方法。這些方法監(jiān)控著不同的屬性的變化,這些變化有可能是媒體播放的結(jié)果,也可能是用戶操作媒體的結(jié)果。下面就為大家開始介紹媒體元素的相關(guān)事件。
abort:觸發(fā)時機(jī)是下載中斷。
canplay:在可以播放的時候,readyState的值為2的時候觸發(fā)。
canplaythrough:readyState的值為3的時候,觸發(fā)。播放可以繼續(xù),而應(yīng)該不會中斷的時候觸發(fā)。
canshowcurrentframe:readyState的值為1的時候,觸發(fā)。當(dāng)前幀已經(jīng)下載完成的時候觸發(fā)。
dataunavailable:因?yàn)闆]有數(shù)據(jù)而不能播放的時候,readyState的值為0。
durationchange:duration屬性值改變觸發(fā)的事件。
emptied:網(wǎng)絡(luò)連接關(guān)閉。
empty:發(fā)生錯誤阻止了媒體下載。
ended:媒體播放到末尾,播放停止(只讀)
error:下載期間發(fā)生網(wǎng)絡(luò)錯誤。
load:觸發(fā)時間所有媒體已經(jīng)加載完成。這個事件可能會被廢棄,建議使用canplaythrough。
loadeddata:觸發(fā)時間媒體的第一幀已經(jīng)加載完成。
loadedmetadata:觸發(fā)時機(jī)媒體的元素數(shù)據(jù)已經(jīng)加載完成。
loadstart:下載已經(jīng)開始。
pause:方法是媒體開始暫停。
play:方法是媒體開始播放。
playing:媒體已經(jīng)實(shí)際開始播放。
progress:正在下載。
ratechange:播放媒體的速度改變。
seeked:搜索結(jié)束。
seeking:正移動到新位置。
stalled:瀏覽器嘗試下載,但未接收到數(shù)據(jù)。
volumechange:觸發(fā)時間是volume屬性或muted屬性值已經(jīng)改變。
waiting:觸發(fā)時間是播放暫停,等待下載更多數(shù)據(jù)。
HTML5實(shí)戰(zhàn)與剖析之媒體元素(3、媒體元素的事件及方法)已經(jīng)為大家介紹完了。這么多事件有很多,是為了讓開發(fā)者能夠順利的創(chuàng)建出非常人性化的媒體播放,能夠毫無壓力的代替flash媒體。更多有關(guān)HTML5的相關(guān)知識和內(nèi)容敬請關(guān)注夢龍小站的相關(guān)更新。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
HTML5實(shí)戰(zhàn)與剖析之媒體元素(3、媒體元素的事件及方法)
abort:觸發(fā)時機(jī)是下載中斷。canplay:在可以播放的時候,readyState的值為2的時候觸發(fā)。canplaythrough:readyState的值為3的時候,觸發(fā)。播放可以繼續(xù),而應(yīng)該不會中斷的時候觸發(fā)。canshowcurrentframe:readyState的值為1的時候,觸發(fā)。當(dāng)前幀已經(jīng)下載完成的時候觸發(fā)。dataunavailable:因?yàn)闆]有數(shù)據(jù)而不能播放的時候,readyState的值為0。durationchange:duration屬性值改變觸發(fā)的事件。emptied:網(wǎng)絡(luò)連接關(guān)閉。empty:發(fā)生錯誤阻止了媒體下載。ended:媒體播放到末尾,播放停止(只讀)。error:下載期間發(fā)生網(wǎng)絡(luò)錯誤。