我想在我的网页上添加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>