這篇文章主要介紹“HTML5的video事件怎么應(yīng)用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“HTML5的video事件怎么應(yīng)用”文章能幫助大家解決問題。

在利辛等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、成都網(wǎng)站制作 網(wǎng)站設(shè)計制作按需設(shè)計網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都營銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),利辛網(wǎng)站建設(shè)費用合理。

使用 onloadedmetadata 事件獲取視頻的時間長度，使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進度，示例代碼如下

1、獲取視頻時間長度

當(dāng)視頻載入video后，使用 onloadedmetadata 事件獲取視頻的時間長度。

復(fù)制代碼

代碼如下:

video.onloadedmetadata = function () {

var vLength = video.duration;

console.log(vLength);

}

2、當(dāng)前視頻的播放進度

當(dāng)視頻開始播放時，可以使用 ontimeupdate 事件獲取視頻當(dāng)前播放的進度。當(dāng)video對象的 currentTime 屬性發(fā)生改變時觸發(fā) ontimeupdate 事件。currentTime 屬性是浮點小數(shù)，可取到 12 位數(shù)的小數(shù)位數(shù)。

復(fù)制代碼

代碼如下:

video.ontimeupdate = function () {

var vTime = video.currentTime;

console.log(vTime);

};

關(guān)于“HTML5的video事件怎么應(yīng)用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。