CODEWITHSUNDEEP
javascripthtml
Win More
Win More

Reputation: 287

How to get video tag src using JavaScript?

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..

Upvotes: 9

Views: 29887

Answers (2)

Pedro Lobito
Pedro Lobito

Reputation: 98921

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 )
}

Upvotes: 14

erik258
erik258

Reputation: 16304

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>

Upvotes: 9

Related Questions