gpt4 book ai didi

javascript - 在html5中一个接一个地播放视频

转载 作者:太空狗 更新时间:2023-10-29 14:14:45 26 4
gpt4 key购买 nike

我在下面的代码中一个接一个地播放视频,

<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 制作他们的队列并一个接一个地播放呢??

最佳答案

这对我有用 :)

<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>

关于javascript - 在html5中一个接一个地播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20942900/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com