Latest web development tutorials
 

HTML Audio/Video DOM seeking Event

< HTML Audio/Video DOM Reference

Example

When the user starts moving/skipping to a new position in the video, alert some text:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The seeking event occurs when the user starts moving/skipping to a new position in the audio/video.

Tip: The seeking event is the opposite of the seeked event.

Tip: Use the currentTime property of the Audio/Video Object to get the current playback position.


Browser Support

The numbers in the table specify the first browser version that fully supports the event.

Event
seeking Yes 9.0 Yes Yes Yes

Syntax

In HTML:

<audio|video onseeking="myScript">Try it

In JavaScript:

audio|video.onseeking=function(){myScript};Try it

In JavaScript, using the addEventListener() method:

audio|video.addEventListener("seeking", myScript);Try it

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.


Technical Details

Supported HTML tags: <audio> and <video>
Supported JavaScript objects: Audio, Video

More Examples

Example

This example demonstrates the difference between the seeking event and seeked event:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Try it Yourself »

Example

Using the currentTime property of the Video Object to display the current playtime position when the user starts to skip to a new position:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}
Try it Yourself »

Example

When the user starts moving/skipping to a new position in the audio, alert some text:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Try it Yourself »

< HTML Audio/Video DOM Reference