HTML 音频/视频 DOM seeking 事件

let vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("跳转操作开始！");
};

更多“自己尝试”的例子见下文。

定义和用法

当用户开始在音频/视频中移动/跳到新位置时，会发生 seeking 事件。

提示： seeking 事件与 seeked 事件相反。

提示： 使用音频/视频对象的 currentTime 属性获取当前播放位置。

浏览器支持

表格中的数字指定了完全支持该事件的第一个浏览器版本。

语法

在 HTML 中

在 JavaScript 中

在 JavaScript 中，使用 addEventListener() 方法

技术详情

更多实例

<video onseeking="myFunction()" onseeked="mySecondFunction()">

// 获取 id="myVideo" 的<video> 元素
let vid = document.getElementById("myVideo");

// 将 seeking 事件附加到<video>，如果跳转操作开始，则执行一个函数
vid.addEventListener("seeking", myFunction);

function myFunction() {
// 在 id="demo" 的 p 元素中显示<video> 的当前位置
    document.getElementById("demo").innerHTML = vid.currentTime;
}

let aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("跳转操作开始！");
};