Javascript 在html5中一个接一个播放视频_Javascript_Html_Video

Javascript 在html5中一个接一个播放视频

javascript html video

Javascript 在html5中一个接一个播放视频,javascript,html,video,Javascript,Html,Video,我正在用下面的代码一个接一个地播放视频 <html> <body> <video src="videos/video1.mp4" id="myVideo" autoplay> video not supported </video> </body> <script type='text/javascript'> var count=1; var player=d

我正在用下面的代码一个接一个地播放视频

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


不支持视频
var计数=1；
var player=document.getElementById（'myVideo'）；
player.addEventListener（'end'，myHandler，false）；
函数myHandler（e）{
如果（！e）
{e=window.event；}
计数++；
player.src=“videos/video”+count+“.mp4”；
}

现在，我的问题是，在服务器和服务器上有许多具有不同名称的视频文件（在远程目录中）

我不知道所有文件的名称。因此，如何使用JavaScript让他们排队并一个接一个地播放？？？

您的变量不一致：

改变

videoplayer.src=nextvid;

到

另外，根据您链接的解决方案，似乎用户通过javascript绑定它，而不是使用

onended

属性来修复它。你试过了吗

videoPlayer.onended(function(e) {
 run();
};

不确定，但我做了一些类似的图片。尝试使用if语句确定视频是否已播放完毕或是否按下按钮，然后将视频的src更改为数组中的下一个： $（“我的视频”）.attr（“src”，视频[turn]）

尝试从服务器获取视频文件列表作为响应

将响应存储在一个数组中，比如说“playlist”

然后将视频src更改为player.src=playlist[count]。这里的“计数”与您现在使用的计数器相同

这是我的工作：）


您的浏览器不支持视频标记。
var计数=1；
var player=document.getElementById（'myVideo'）；
var mp4Vid=document.getElementById（'mp4Source'）；
player.addEventListener（'end'，myHandler，false）；
函数myHandler（e）
{
如果（！e）
{
e=窗口事件；
}
计数++；
$（mp4Vid.attr（'src'，“视频/视频”+计数+“.mp4”）；
player.load（）；
player.play（）；
}

是的，我试过了。即使它不起作用，我也做了更正，但它仍然不起作用。是复制品吗？这很好用。我必须做一些修改，因为我使用的是Vue.js。我不知道为什么只在这一行上使用JQuery:$（mp4Vid.attr（'src'，'video/video'+count+“.mp4”）；可以是mp4Vid.setAttribute（“src”、“video/video”+count+”.mp4”）；问题在这里，至少在反应。媒体是否重新下载。还没有找到一个解决方案，不涉及创建单独的视频标签

videoPlayer.onended(function(e) {
 run();
};

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