Get HTML5 Video Duration

Discussion

1. alexander farkas

   There are two events you can use instead of an interval

   a) loadedmetadata
   b) durationchange

   Of course you still need to check readyState initially.

   (function(){
   	var video = document.querySelector('video');
   	var onDurationChange = function(){
   		if(video.readyState){
   			//to your thing
   		}
   	};
   
   	video.addEventListener('durationchange', onDurationChange);
   	onDurationChange();
   })();
   
2. Sin

   You need to divide video duration by 60 to get minutes, then use parseInt with radix 10. We should test if video duration > 0 before our division.

   var minutes = parseInt(video.duration / 60, 10);
3. Sin

   You need to divide video duration by 60 to get minutes, then use parseInt with radix 10.

   if (video.duration > 0) {
     var minutes = parseInt(video.duration / 60, 10);
     var seconds = video.duration % 60;  
   }
4. Tune

   David,

   You forgot to divide the duration (seconds) by 60 to get minutes:

   var minutes = parseInt(video.duration / 60, 10);
   

   Thanks for the great articles!
5. Hristo Chakarov

   Since when (and on which platforms) setInterval passes the interval ID as argument to the callback function?
6. Cathy Mayhue

   HTML5 video is really great, gone are the days struggling with Flash codes and easily display our videos. Thanks for the JS code.
7. Ron

   Thanks for the code! What if I want also to get the hours and display them as a HH:mm:ss format accordingly?
8. Roshan

   I m trying to buid the video using jquery. Please help to fetch the video duration before loaded

   var video=$('');    				
   var source= $('');
   $(source).appendTo(video);
   $(source).attr('src',php.mp4);
   $(source).attr('type','video/mp4');	
   //var d=	$(video).duration;
   var d=document.querySelector('video').duration;
   console.log(d);
   
9. IamGuest

   You could just use the javascript while function…

    while (true) {
    if (video.readyState) {
     //blabla code
     break;
    }
    //code to execute if not accomplished
   }