HTML中的随机视频生成器
HTML中的随机视频生成器
提问于 2016-01-09 06:54:03
我使用了一个简单的随机数生成器，并将我的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>
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-01-09 07:38:10
不能将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。
Stack Overflow用户
发布于 2016-01-09 07:41:17
我想您想要的是显示一个视频，它的源是由您的javascript函数分配的。您的代码无法运行的问题是您没有在脚本标记中编写javascript。你在里面写的实际上是HTML标签。附上一个例子供你参考。根据这个changing source on html5 video tag，可能不可能从函数中更改源。更改视频标记中的src属性。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var srcLinkSuffix = Math.floor((Math.random() * 3) + 1);
var video = document.getElementById('video');
var srcLink = "video_"+srcLinkSuffix+".mp4";
video.setAttribute("src", srcLink );
});
</script>
</head>
<body>
<video width="320" height="240" controls src="" id="video" />
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34690640
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号