将HTML5视频源放在JS变量中

Question

这是我的视频。

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

使用JS，如何阅读视频源并将该URL放入变量？

Answer 1

使用视频对象的currentSrc属性。

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

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

Answer 2

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

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

请注意孩子[0]，此指数与＆＃34;来源＆＃34;相关节点在＆＃34;视频＆＃34;的孩子中的位置，如果您将其他子节点添加到视频中。

Answer 3

这样做（使用jquery）：

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

Answer 4

使用jquery！

var url = $（＆＃39;＃mp4_src＆＃39;）。attr（＆＃39; src＆＃39;）;

或没有jquery：

的document.getElementById（＆＃34; mp4_src＆＃34）。SRC