CODEWITHSUNDEEP
javascripthtmlhtml5-video
user3232585
user3232585

Reputation: 45

How to start a HTML 5 video from a particular position?

<video width="320" height="240" controls>
  <source src="Video.mp4#t=03,20" type="video/mp4">
  Your browser does not support the video tag.
</video>

The videos starts from 3 minutes 20 seconds in my code. I want to play video from beginning after setting #t=03,20 in html5. How can I do this?

Upvotes: 2

Views: 3779

Answers (1)

Amila Iddamalgoda
Amila Iddamalgoda

Reputation: 4286

<video id="vid1" width="320" height="240" controls loop>
  <source src="Video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

You have to wait until the browser knows the duration of the video before you can seek to a particular time.

     <script>
      window.onload=function(){
                  document.getElementById('vid1').addEventListener('loadedmetadata', function() {
                  this.currentTime = 200;
            }, false  );

       };             
     </script>

OR

function restart1() 
{ var video1 = document.getElementById("vid1");
 video1.currentTime = 0; 
} 

<video id="vid1" width="320" height="240" onclick="restart1();" controls> 
       <source src="Videos.mp4#t=03,61" type="video/mp4">
        Your browser does not support the video tag. 
</video>

Upvotes: 3

Related Questions