在html5中陆续播放视频
在html5中陆续播放视频
提问于 2014-01-06 12:18:37
我在下面的代码中一个接一个地播放视频。
<html>
<body>
<video src="videos/video1.mp4" id="myVideo" autoplay>
video not supported
</video>
</body>
<script type='text/javascript'>
var count=1;
var player=document.getElementById('myVideo');
player.addEventListener('ended',myHandler,false);
function myHandler(e) {
if(!e)
{ e = window.event; }
count++;
player.src="videos/video"+count+".mp4";
}
</script>
现在，我的问题是，在服务器上有许多不同名称的视频文件(在远程目录中)，我不知道所有文件的名称。那么如何用JavaScript让他们一个接一个的排队和玩呢？？
回答 4
Stack Overflow用户
发布于 2014-04-22 03:18:39
这对我来说很有效:)
<video width="256" height="192" id="myVideo" controls autoplay>
<source src="video/video1.mp4" id="mp4Source" type="video/mp4">
Your browser does not support the video tag.
</video>
<script type='text/javascript'>
var count=1;
var player=document.getElementById('myVideo');
var mp4Vid = document.getElementById('mp4Source');
player.addEventListener('ended',myHandler,false);
function myHandler(e)
{
if(!e)
{
e = window.event;
}
count++;
$(mp4Vid).attr('src', "video/video"+count+".mp4");
player.load();
player.play();
}
</script>Stack Overflow用户
发布于 2014-01-06 12:20:54
您的变量不一致：
变化
videoplayer.src=nextvid;至
videoPlayer.src = nextvid;此外，根据您链接的解决方案，用户似乎通过javascript绑定它来修复它，而不是使用onended属性。你试过吗？
videoPlayer.onended(function(e) {
run();
};Stack Overflow用户
发布于 2014-01-06 13:09:32
不确定，但我对图片做了类似的事情。尝试使用if语句来确定视频是否已播放完毕或按钮是否被按下，然后将视频的src更改为数组中的下一个src例如：$("#my_videos").attr("src"，videosturn)；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20942900
复制相关文章
相似问题
腾讯云开发者
