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 版本 | Level 3 Events |
更多示例
示例
此示例演示了 onseeking 事件和 onseeked 事件之间的区别
<video onseeking="myFunction()" onseeked="mySecondFunction()">
自己动手试一试 »
示例
使用视频对象的 currentTime 属性在用户开始跳到新位置时显示当前播放时间位置
// 获取 <video> 元素
const video = document.getElementById("myVideo");
// 将 seeking 事件附加到 <video> 元素
x.addEventListener("seeking", myFunction);
// 用于显示视频当前位置的函数
function myFunction() {
document.getElementById("demo").innerHTML = video.currentTime;
}
自己动手试一试 »
浏览器支持
onseeking 是 DOM Level 3 (2004) 特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |