Latest web development tutorials
 

HTML Audio/Video DOM seeked Event

< HTML Audio/Video DOM Reference

Example

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

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

More "Try it Yourself" examples below.


Definition and Usage

The seeked event occurs when the user is finished moving/skipping to a new position in the audio/video.

Tip: The seeked event is the opposite of the seeking 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
seeked Yes 9.0 Yes Yes Yes

Syntax

In HTML:

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

In JavaScript:

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

In JavaScript, using the addEventListener() method:

audio|video.addEventListener("seeked", 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 is finished moving/skipping to a new position:

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

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", 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 is finished moving/skipping to a new position in the audio, alert some text:

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

< HTML Audio/Video DOM Reference