HTML audio/video DOM seeking事件

  • seeking事件定义和用法

    当用户开始移动/跳到音频/视频中的新位置时,发生seeking事件。
    提示:seeking事件与seeked事件相反 。 提示:使用音频/视频对象的currentTime属性获取当前播放位置。

  • seeking事件浏览器支持

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

    在HTML中:

    <element onseeking="script">

    在JavaScript中:

    object.onseeking=function(){script};

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

    object.addEventListener("seeking", script);

  • seeking事件实例

    // 获取id="myVideo"的video元素
    var vid = document.getElementById("myVideo");
    
    // 将seeking事件附加到视频元素,并在开始查找操作时执行函数
    vid.addEventListener("seeking", myFunction);
    
    function myFunction() {
        // 在id="demo"的p元素中显示视频的当前位置
        document.getElementById("demo").innerHTML = vid.currentTime;
    }
    尝试一下
  • seeking事件技术细节

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

    HTML教程:HTML脚本

    HTML教程:HTML视频

    HTML教程:HTML音频