注册账号 | 忘记密码
小编
下面就由我来哔哔啦。在最近的项目开发中得到这样的一个需求，要求视频和图片成组进行播放。话不多说，下面就来展示代码：.img_box{width: 1080px;height: 1920px;}#myvideo{position: absolute;top: 0;left: 0;} 你的浏览器不支持HTML5播放此视频 $(document).ready(function(){ video.play(); }); var videoList = ["318video.mp4","aaa.mp4"]; // 初始化播放列表 var videoLen = videoList.length; var curr = 0; var video = document.getElementById("myvideo"); video.addEventListener('ended', function(){ if(curr==0){ $(".img_box").attr("src","img/index-bg.png"); }else if(curr==1){ $(".img_box").attr("src","img/bg.jpg"); } play(); }); function play() { video.src = videoList[curr]; video.load(); video.play(); curr++; if(curr >= videoLen){ curr = 0; //重新循环播放 } } 如果大家有更好的办法，记得联系我额。
广告
小编
广告
广告
