视频连续播放

发布于 2024-11-23 15:24:32 字数 905 浏览 0 评论 0原文

我目前有这个：

Javascript

<script>
$('document').ready(function(){
  $('video').get(0).play();
 // $('video').bind('ended', function(){
 //   $(this).next('video');
 // });
  $('video').each(function(val, index){
    $(this).bind('ended', function(){
      $(this).get(index + 1).play();
    });
  });
});
</script>

HTML

<video width="703" height="704" controls preload="auto" src="LOW.mp4">Video format not supported.</video>

<h3>CBS - m4v</h3>
<video width="703" height="704" controls preload="auto" src="1100.m4v">Video format not supported.</video>

<h3>Video #3</h3>
<video width="703" height="704" controls preload="auto" src="yep.mp4">Video format not supported.</video>

现在，javascript 不起作用。如何在第一个视频结束后立即播放下一个视频，然后在第二个视频结束后播放第三个视频。并不总是 3 个视频，可以有更多。

原文

I currently have this:

Javascript

<script>
$('document').ready(function(){
  $('video').get(0).play();
 // $('video').bind('ended', function(){
 //   $(this).next('video');
 // });
  $('video').each(function(val, index){
    $(this).bind('ended', function(){
      $(this).get(index + 1).play();
    });
  });
});
</script>

HTML

<video width="703" height="704" controls preload="auto" src="LOW.mp4">Video format not supported.</video>

<h3>CBS - m4v</h3>
<video width="703" height="704" controls preload="auto" src="1100.m4v">Video format not supported.</video>

<h3>Video #3</h3>
<video width="703" height="704" controls preload="auto" src="yep.mp4">Video format not supported.</video>

Right now, the javascript isn't working. How do I play the next video as soon as the first video finishes and then play the third one once the second one finishes. There aren't always 3 videos, there coudld be more.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

怪异←思 2024-11-30 15:24:32

您的脚本中有两个小错误，以下代码未经测试，但应该可以工作：

$(function(){
    var videos = $('video').each(function(index){
        $(this).bind('ended', function(){
            var video = videos[index + 1];
            video && video.play();
        });
    });
    if(videos.get(0).play){
        videos.get(0).play();
    }
});

以下是您的一些错误：

each(fn(val, index){}) 每个的回调被调用，索引作为第一个参数，元素作为第二个 (each(fn(index, video){})
$(this).get(index + 1) this 指的是视频元素而不是视频列表（+ index 也是上面的视频）

You have two small errors in your script the following code is untested, but should work:

$(function(){
    var videos = $('video').each(function(index){
        $(this).bind('ended', function(){
            var video = videos[index + 1];
            video && video.play();
        });
    });
    if(videos.get(0).play){
        videos.get(0).play();
    }
});

Here are some of your error:

each(fn(val, index){}) the callback of each is called with index as first argument and element as second one ( each(fn(index, video){})
$(this).get(index + 1) this referrs to the video element not to a list of videos (+ index is also the video see above)

回复收藏 0 原文

~没有更多了~