从JavaScript载入动态视频源?

时间:2018-09-03 09:46:35

标签: javascript video random setattribute

我要实现的是将视频源从“ 1.mp4”随机设置为“ 4.mp4”,即rand。每次加载/刷新都会生成int。

Javascript:

function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min + 1) ) + min;
      }
      var video = document.getElementById("video");
      video.setAttribute('src', getRndInteger(1,4) + '.mp4');
      video.load();

HTML:

<video autoplay muted loop id="video"></video>

不幸的是,加载网站时没有视频播放。我也尝试过更改源代码的src,但是使用此方法不起作用。我也尝试添加video.play();这也不起作用。任何帮助表示赞赏!

2 个答案:

答案 0 :(得分:0)

我终于弄清楚了我做错了什么。该代码有效,但是我使用属性type="javascript"而不是type="text/javascript"。如果有人想在js中做类似的事情,我会继续提这个问题:)

我还要感谢大家的帮助!

答案 1 :(得分:-1)

此脚本在chrome中可以正常工作。 您确定在渲染HTML之后运行JS脚本吗? 将您的''标签放在``(身体闭合标签)之前。 您确定给定目录中有有效的MP4文件吗?

您遇到任何错误吗?

main.py