从 javascript 加载动态视频源？

Question

我想实现的是视频源从“1.mp4”到“4.mp4”随机设置，其中rand. int 在每个 load/refresh.

上生成

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();这也不起作用。感谢您的帮助！

Answer 1

此脚本在 chrome 中运行良好。您确定运行您的 JS 脚本是在 HTML 之后呈现的吗？将您的 '' 标签放在 '' 之前（正文结束标签）。您确定给定目录中有有效的 MP4 文件吗？

你有任何错误吗？

<html>
<head></head>
<body>

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

<script>

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();

</script>
</body>
</html>

Answer 2

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

还要感谢大家的帮助！

从 javascript 加载动态视频源？

Load dynamic video source from javascript?

javascript

video

random

setattribute