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 |