如何使用JavaScript获取视频标签src?

时间:2014-03-07 05:07:59

标签: javascript html5

我正在尝试使用JavaScript获取视频网址。 代码是......

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

谢谢..

2 个答案:

答案 0 :(得分:6)

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

似乎适合我!注意,这会变成HTMLCollection。 .length给出了长度,item(i)给出了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>

答案 1 :(得分:5)

Dan的回答对我不起作用,我不得不将src更改为currentSrc,即:

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