HTML | DOM onseeking Event

The onseeking event in HTML DOM occurs when the user starts skipping the media to a new position. The onseeking event and onseeked event are just opposite to each other. To get the current position of media use currentTime.

Syntax:

  • In HTML:
    <element onseeking="Script">
  • In JavaScript:
    object.onseeking = function(){Script};
  • In JavaScript, using the addEventListener() method:
    object.addEventListener("seeking", Script);

Example: Using the addEventListener() method



filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM onseeking Event
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onseeking Event</h2>
  
        <video controls id="videoID">
            <source src=
                    type="video/mp4">
        </video>
    </center>
    <script>
        document.getElementById(
        "videoID").addEventListener("seeking", GFGfun);
  
        function GFGfun() {
            alert("Media Skipped");
        }
    </script>
  
</body>
  
</html>

chevron_right


Output:
Before:

After:

Supported Browsers: The browsers supported by HTML DOM onseeking Event are listed below:

  • Google Chrome
  • Internet Explorer 9+
  • Firefox
  • Apple Safari
  • Opera

full-stack-img




My Personal Notes arrow_drop_up

Recommended Posts:

    Article Tags :
    Practice Tags :


    Be the First to upvote.


    Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.