错误:无法将属性'src'设置为null

时间:2018-02-24 01:05:37

标签: javascript html

当我尝试设置某个元素的来源时,它会返回一个错误,我不知道为什么这个不起作用。 这是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'

似乎没有其他东西与它交叉。

1 个答案:

答案 0 :(得分:0)

您无法将其设置为某个值,因为mp4VID是视频的子代: 而是将var mp4VID设置为等于videoPlyr.children["videoSRC"]

希望这能回答你的问题:)