Javascript实现视频轮播在pc端与移动端均可_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:14:05

Javascript实现视频轮播在pc端与移动端均可_javascript技巧

Javascript实现视频轮播在pc端与移动端均可_javascript技巧:最近客户要求用Javascript实现视频轮播: 有兴趣的同学可以参开一下下面写了一个程序实现视频轮播，pc端与移动端均可以实现，但移动端，存在有一点bug; 代码如下: Insert title here 视频轮播11 视频轮播22 var index=0; var

推荐度：

点击下载本文 文档为doc格式

导读Javascript实现视频轮播在pc端与移动端均可_javascript技巧:最近客户要求用Javascript实现视频轮播: 有兴趣的同学可以参开一下下面写了一个程序实现视频轮播，pc端与移动端均可以实现，但移动端，存在有一点bug; 代码如下: Insert title here 视频轮播11 视频轮播22 var index=0; var

最近客户要求用Javascript实现视频轮播:

有兴趣的同学可以参开一下

下面写了一个程序实现视频轮播，pc端与移动端均可以实现，

但移动端，存在有一点bug;
代码如下:

Insert title here

视频轮播11

视频轮播22

var index=0;
var arr = new Array("71da9e4b6985a7b5951dd62ce7bb020d_7", "71da9e4b691a41961dcd6524593d39ee_7", "71da9e4b69efa71be86d625508ec9feb_7");

var container = document.getElementById("container");
function printPlayer(index){
//alert(arr.length);
if(index>arr.length-1){
index=0;
}
//container.removeElement;
container.innerHTML="";
var vid=arr[index];
if (navigator.userAgent.match(/iP(od|hone|ad)/i)) {
var video = document.createElement("video");
video.src = "http://v.polyv.net/uc/video/getMp4?vid="+vid;
video.onended=s2j_onPlayOver;
//video.addEventListener('ended',j2s_onPlayOver, false);
video.autoplay="true";
video.controls="controls"
container.appendChild(video);
}else{