当我尝试设置某个元素的来源时,它会返回一个错误,我不知道为什么这个不起作用。 这是javascript:
function playVid() {
var videoPlayer = document.getElementById("video");
var mp4VID = document.getElementById("videoSRC");
var arrOfVid = ["video/video.mp4","video/video1.mp4"]; //, "video/video2.mp4", "video/video3.mp4"];
var arrLenVID = arrOfVid.length;
var randomVID = Math.floor((Math.random() * arrLenVID));
mp4VID.src = arrOfVid[randomVID]; // mp4VIDSRC.src = arrOfVid[randomVID]
videoPlayer.load();
videoPlayer.volume = 0;
videoPlayer.play();
}
playVid();
它的HTML部分是:
<video id="video" autoplay="" style="" muted="">
<source id="videoSRC" src="video/video.mp4" type="video/mp4">
error: unsupported video format
</video>
以下是我收到的错误消息:
未捕获的TypeError:无法设置null的属性'src'
似乎没有其他东西与它交叉。
答案 0 :(得分:0)
您无法将其设置为某个值,因为mp4VID是视频的子代:
而是将var mp4VID
设置为等于videoPlyr.children["videoSRC"]
。
希望这能回答你的问题:)