javascript - 尝试使用JavaScript设置视频的src属性，得到TypeError:videofile为null

我有一个视频和一些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>

为什么我得到TypeError：videofile为null？

编辑：修改videofile.setAttribute("src", videofile.toString())，相同的错误

最佳答案

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?