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

字號:


    1、獲取視頻時(shí)間長度
    當(dāng)視頻載入video后,使用 onloadedmetadata 事件獲取視頻的時(shí)間長度。
    代碼如下:
    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對象的 currentTime 屬性發(fā)生改變時(shí)觸發(fā) ontimeupdate 事件。currentTime 屬性是浮點(diǎn)小數(shù),可取到 12 位數(shù)的小數(shù)位數(shù)。
    代碼如下:
    video.ontimeupdate = function () {
    var vTime = video.currentTime;
    console.log(vTime);
    };