试图使用JavaScript设置视频的src属性，TypeError：videofile为null

Question

我有一个视频和一些JavaScript代码。代码说

var videoIDRAW = getUrlVars()["watch"];
var videoID = videoIDRAW.toString();
var videoIDFILE = videoID.concat(".mp4");
var videofile = document.getElementById("vid");

videofile.setAttribute("src", videofile)

视频文件是

<video width="912" height="513" controls >
<source id="vid" src="" type="video/mp4">

</video>

为什么我得到的视频文件为空错误？

编辑：修改后的videofile.setAttribute（“ src”，videofile.toString（）），相同错误

Answer 1

toString()不是魔术工具。我认为无论如何应该默认调用它。

正如Aaros指出的那样，问题在于您的算法尝试执行的操作。您正在尝试将DOM元素设置为其自身属性之一的值。视频的src属性必须是视频的URL（或blob，但更复杂）。

你不是这个意思吗？

videofile.setAttribute("src", videoIDFILE); // Or videofile.src = videoIDFILE

编辑：不要忘记在主体中执行脚本。通过将script标签移动到主体底部（但仍在内部），或者可以使用侦听器，就像在其中找到的一样：How to execute a function when page has fully loaded?