将 HTML5 视频源放入 JS 变量中答案

【问题标题】：Put source of HTML5 video in JS variable将 HTML5 视频源放入 JS 变量中
【发布时间】：2014-10-14 22:25:38
【问题描述】：

这是我的视频。

<video id="myVideo" controls autoplay>
 <source id="mp4_src" src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
 </video>

使用JS，我如何读取视频的来源并将该URL放入变量中？

【问题讨论】：

【解决方案1】：

使用视频对象的currentSrc 属性。

var src = document.getElementById("myVideo").currentSrc;

HTML5 视频对象具有常规元素所没有的其他属性和方法。使用视频对象更合适，而不是使用getAttribute() 或attr()。

【讨论】：

【解决方案2】：

如果你不打算使用 jQuery 或其他库，你可以使用如下代码：

document.getElementById("myVideo").children[0].getAttribute("src");

请注意 children[0]，如果您将其他子节点添加到视频中，此索引与“源”节点在“视频”子节点中的位置相关。

【讨论】：

【解决方案3】：

这样做（使用 jquery）：

var videovar = $("#mp4_src").attr("src");

【讨论】：

【解决方案4】：

使用 jquery！

var url = $('#mp4_src').attr('src');

或者没有jquery：

document.getElementById("mp4_src").src

【讨论】：