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

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/22241968/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 22:44:59  来源:igfitidea点击:

How to get video tag src using JavaScript?

javascripthtml

提问by Win More

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

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

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

谢谢..

回答by Daniel Farrell

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. .lengthgives the length and item(i)gives the item at i.

似乎对我有用!注意,这会变成一个 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>

回答by CONvid19

Dan's answer didn't work for me, I had to change srcto currentSrc, i.e.:

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

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