onseeking 事件
描述
当用户开始寻找媒体中的新位置时，会发生onseeking 事件。
音频和视频事件
在加载媒体时，这些事件会按照以下顺序发生
| 事件 | 发生时间 |
|---|---|
| onloadstart | 媒体的加载开始 |
| ondurationchange | 媒体的持续时间发生改变 |
| onloadedmetadata | 媒体的元数据已加载 |
| onloadeddata | 媒体帧已加载 |
| onprogress | 浏览器正在加载媒体 |
| oncanplay | 元素的滚动条正在滚动 |
| oncanplaythrough | 浏览器估计可以播放媒体 |
| onplay | 媒体开始播放 |
| onplaying | 媒体开始或恢复 |
| ontimeupdate | 指示的时间发生改变 |
| onended | 媒体已播放完毕 |
媒体加载或播放期间可能发生的事件
| 事件 | 发生时间 |
|---|---|
| onabort | 媒体的加载被中止 |
| onemptied | 媒体为空（已加载） |
| onerror | 加载媒体时发生错误 |
| onpause | 媒体暂停 |
| onratechange | 播放速率发生改变 |
| onseeked | 用户已找到新的媒体位置 |
| onseeking | 用户开始寻找新的媒体位置 |
| onstalled | 媒体数据不可用 |
| onsuspend | 浏览器没有获取媒体数据 |
| onvolumechange | 媒体的音量发生改变 |
| onwaiting | 媒体正在等待下一帧 |
另请参阅
语法
技术细节
| 冒泡 | 否 |
|---|---|
| 可取消 | 否 |
| 事件类型 | 事件 |
| HTML 标签 | <audio> 和 <video> |
| DOM 版本 | 级别 3 事件 |
更多示例
示例
此示例演示了 onseeking 事件和 onseeked 事件之间的区别
<video onseeking="myFunction()" onseeked="mySecondFunction()">
自己试试 »
示例
使用 Video 对象的 currentTime 属性来显示用户开始跳到新位置时的当前播放时间位置
// 获取 <video> 元素
const video = document.getElementById("myVideo");
// 将 seeking 事件附加到 <video> 元素
x.addEventListener("seeking", myFunction);
// 用于显示视频当前位置的函数
function myFunction() {
document.getElementById("demo").innerHTML = video.currentTime;
}
自己试试 »
浏览器支持
onseeking 是 DOM 级别 3 (2004) 功能。
它在所有现代浏览器中得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
