Are there any useful Javascript or JQuery plugins for getting the length of a video (e.g. mp4, flv - I am open to any video format as long as I can get the video length) before playing the video file?

UPDATE 1:

<video controls>
 <source src="video.mp4" onerror="fallback(this.parentNode)">
 video not supported
</video>

<script>
document.write("The duration is: " + video[0].duration);
</script>

Are there any useful Javascript or JQuery plugins for getting the length of a video (e.g. mp4, flv - I am open to any video format as long as I can get the video length) before playing the video file?

UPDATE 1:

<video controls>
 <source src="video.mp4" onerror="fallback(this.parentNode)">
 video not supported
</video>

<script>
document.write("The duration is: " + video[0].duration);
</script>

• javascript
• jquery
• video

3 Answers 3

If you are using HTML5 video element , you can get by the use of "duration" property which will return in sec.

https://www.w3/TR/2011/WD-html5-20110113/video.html#dom-media-duration

Otherwise, you may need to get the required information from server side.

You can make a HEAD request for the target file and get file size. Without additional information about the file's particulars - that is, how it was encoded - you won't be able to calculate a duration with much certainty.

An example of such a request, using jQuery, can be found in the accepted answer to this similar question.

Note that you'll only have much luck doing this in the browser if the requests are being sent to the domain from which the javascript is served. If you're looking to make cross-domain requests, you will likely be better-served with something a bit more server-side.

To extend on Kai's answer, the duration property will only work with HTML5 video elements. You should look at http://mediaelementjs./ to help provide a shim to the api calls in older browsers.

Looks like They've implemented the duration() method https://github./johndyer/mediaelement/wiki/Events-and-Methods