HTML audio/video DOM progress事件

  • progress事件定义和用法

    当浏览器下载指定的音频/视频时,会发生progress事件。 在音频/视频的加载过程中,会按以下顺序发生以下事件:

    1. loadstart
    2. durationchange
    3. loadedmetadata
    4. loadeddata
    5. progress
    6. canplay
    7. canplaythrough

  • progress事件浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(含)以上 支持 支持 支持 支持
  • progress事件语法

    在HTML中:

    <element onprogress="script">

    在JavaScript中:

    object.onprogress=function(){script};

    在JavaScript中,使用addEventListener()方法:

    object.addEventListener("progress", script);

  • progress事件实例

    var aud = document.getElementById("myAudio");
    aud.onprogress = function() {
        alert("Downloading audio");
    };
    尝试一下
  • progress事件技术细节

    描述 备注
    支持的HTML标记: <audio>和<video>
    支持的JavaScript对象: Audio, Video
  • progress事件相关页面

    HTML教程:HTML脚本

    HTML教程:HTML视频

    HTML教程:HTML音频