我使用了一个简单的随机数生成器并将我的 mp4 文件命名为“1”、“2”和“3”,而我的 html 页面是空白的
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Connor's video clock</title>
</head>
<body>
<script>
< div id = vid >
< video width = "320"
height = "240"
controls >
< source src = Math.floor((Math.random() * 3) + 1) + ".mp4" > Please update your browser < /source>
</script>
</body>
</html>
最佳答案
您不能将 html 标签放在脚本标签中。此外,我认为 HTML 标签不应在尖括号和标签名称之间有空格。试试这个:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Connor's video clock</title>
</head>
<body>
<div id = "vid">
<video width = "320"
height = "240"
controls>
<source id="vsrc" />
Please update your browser.
</video>
</div>
<script>
document.getElementById("vsrc").src = Math.floor((Math.random()*3)+1) + ".mp4";
</script>
</body>
</html>
在这里,javascript 通过选择该元素(通过使用 document.getElementById())然后更改 src 属性来填充视频的 src。
关于javascript - HTML 中的随机视频生成器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34690640/