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

javascripthtml


Solution 1:[1]

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>

Solution 2:[2]

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Quentin Roy
Solution 2

Related Questions