html5 video 事件應(yīng)用示例

字號(hào):


    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)視頻開(kāi)始播放時(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);
    };