How to get video tag src using JavaScript?

Question

I am trying to get video URL using JavaScript. Code is ...

<div class="flideo">
    <video x-webkit-airplay="allow" preload="" src="http://pdl.vimeocdn.com/80388/120/224743790.mp4?token2=1394169786_c1f036dda110a70d45fd824ec6692b94&amp;aksessionid=e766a96a167c751e" poster=""></video>
</div>

Thanks..

Pedro Lobito · Accepted Answer · 2022-03-17 12:44:31Z

14

The accepted answer didn't work for me, I had to change src to currentSrc, i.e.:

var videoTags = document.getElementsByTagName('video')
 for( var i = 0; i < videoTags.length; i++ ){
      alert( videoTags.item(i).currentSrc )
}

edited Mar 17, 2022 at 12:44

answered Oct 3, 2015 at 5:15

Pedro Lobito

99.7k36 gold badges274 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Davide Over a year ago

So someone knows what is the difference between src and currentSrc properties ?

Danny Harding Over a year ago

@Davide according to this page on MDN developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/src, the src attribute reflects the src attribute of the html element, while currentSrc is the current source being used, dependent on some other factors

Quentin Roy · Accepted Answer · 2016-06-07 05:39:33Z

var vids = document.getElementsByTagName('video') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
    console.log( vids.item(i).src )
}

Seems to work for me! Note, that turns an HTMLCollection. .length gives the length and item(i) gives the item at i.

var vids = document.getElementsByTagName('video') 
// vids is an HTMLCollection
for( var i = 0; i < vids.length; i++ ){ 
    console.log( vids.item(i).src )
}

<div class="flideo">
    <video x-webkit-airplay="allow" preload="" src="http://pdl.vimeocdn.com/80388/120/224743790.mp4?token2=1394169786_c1f036dda110a70d45fd824ec6692b94&amp;aksessionid=e766a96a167c751e" poster=""></video>
</div>

Collectives™ on Stack Overflow

How to get video tag src using JavaScript?

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related