How to get the Video duration from a Video tag created dynamically using jquery?

Question

There is a way to get the video duration, without to have the video tag in the html ?

E.g:

var Video = $('<video></video>')
                            .append("<source src=video.mp4 type=video/mp4; codecs="+'"avc1.42E01E, mp4a.40.2"'+ "/>")
                            .append("<source src=video.webm type=video/webm; codecs="+'"vp8, vorbis"'+ "/>");

I want to get the duration from "Video", is it possible?

I found this link: http://stackoverflow.com/questions/2221029/problem-retrieving-html5-video-duration I hope this helps you — Roberto Cordero, Aug 16 '12 at 20:17

score 1 · Accepted Answer · answered Aug 16 '12 at 20:10

1

Here is a link to a good page on the video tag.

answered Aug 16 '12 at 20:10

Philip Tinney

1,986
17
19

score 0 · Answer 2 · answered Aug 16 '12 at 20:05

Try this

var vidElement = document.createElement('video');
$(vidElement).append("<source src=video.mp4 type=video/mp4; codecs="+'"avc1.42E01E, mp4a.40.2"'+ "/>").append("<source src=video.webm type=video/webm; codecs="+'"vp8, vorbis"'+ "/>");

console.log(vidElement.duration);

So in that way you dont have the html in your page just in memory if that is what you want

How to get the Video duration from a Video tag created dynamically using jquery?

2 Answers2