十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
HTML5中怎么實(shí)現(xiàn)video 事件,針對(duì)這個(gè)問題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。
1、獲取視頻時(shí)間長(zhǎng)度
當(dāng)視頻載入video后,使用 onloadedmetadata 事件獲取視頻的時(shí)間長(zhǎng)度。
代碼如下:
video.onloadedmetadata = function () {
var vLength = video.duration;
console.log(vLength);
}
2、當(dāng)前視頻的播放進(jìn)度
當(dāng)視頻開始播放時(shí),可以使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進(jìn)度。當(dāng)video對(duì)象的 currentTime 屬性發(fā)生改變時(shí)觸發(fā) ontimeupdate 事件。currentTime 屬性是浮點(diǎn)小數(shù),可取到 12 位數(shù)的小數(shù)位數(shù)。
代碼如下:
video.ontimeupdate = function () {
var vTime = video.currentTime;
console.log(vTime);
};
關(guān)于HTML5中怎么實(shí)現(xiàn)video 事件問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。