如何在一帧中播放视频?

时间:2015-03-24 08:06:33

标签: javascript php html5 video html5-video

我想在我的网页上添加4个视频,但我希望A.mp4视频先播放到最后,再播放视频B.mp4然后播放C.mp4视频和D.mp4,然后返回第一个视频当所有完成(循环)。我希望所有视频都在一帧中,就像youtube播放列表一样。

这是视频脚本

<script>
$(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();
    }
});
</script>

这是放置视频的php:

<div class="col-md-9 col-sm-9 col-xs-12" style="background-color:white;">
        <br>

<video controls preload="auto" src="http://www.freecybers.com/tv/asset/playlist_HTML5/lake.mp4">Video format not supported.</video>
<video controls preload="auto" src="http://www.freecybers.com/tv/asset/playlist_HTML5/mountain.mp4">Video format not supported.</video>
<video controls preload="auto" src="http://www.freecybers.com/tv/asset/playlist_HTML5/glacier.mp4">Video format not supported.</video>

0 个答案:

没有答案