| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234 | 
							- var video=document.querySelectorAll('video')
 
- // console.log(video)
 
- var goTop=document.querySelector('.aside')
 
- var leftArrow = document.querySelector('.leftArrow');
 
- var videolist = document.querySelectorAll('.video');
 
- var playControl=document.querySelectorAll('.play')
 
- // var videoTitle =document.querySelectorAll('.video-title')
 
- console.log(playControl[0],videolist[0])
 
- //
 
- var douyin = document.querySelector('.douyin')
 
- var kuaishou = document.querySelector('.kuaishou')
 
- var DYtip = document.querySelector('.DYtip')
 
- var KStip = document.querySelector('.KStip')
 
- var dom=document.querySelector('.team-bottm')
 
-    
 
- var videoindex = 0
 
- var videoUrl = ["https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/1.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/2.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/3.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/4.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/5.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/6.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/7.m4v", "https://www-1301855440.cos.ap-chongqing.myqcloud.com/yourong/case/8.m4v"]
 
- var FMArr=['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/5.jpg','./images/6.jpg','./images/7.jpg','./images/8.jpg']
 
- // for(var v=0;v<video.length;v++){
 
- //     video[v].bind('contextmenu',function() { return false; })
 
- // }
 
- document.addEventListener("WeixinJSBridgeReady", function (){ 
 
-     document.getElementById('myvideo').play();
 
-     document.getElementById('myvideo').pause();
 
-     video.play();
 
- }, false)
 
-     // 给play事件绑定暂停函数
 
-     ;[].forEach.call(videolist, function(i){
 
-         i.addEventListener('play', pauseAll.bind(i))
 
-         // console.log(isIE())
 
-         if(isIE()){
 
-            
 
-             for (var a=0;a<playControl.length;a++){                                
 
-                 // console.log(playControl[a]) 
 
-                 playControl[a].style.opacity=1
 
-                 
 
-             }
 
-             // playControl[i].style.opacity=0  
 
-         }else{
 
-             
 
-             playControl.forEach(function(item,index){
 
-                 if(i==index){
 
-                     item.style.opacity=0
 
-                 }
 
-                 else {          
 
-                     item.style.opacity=1
 
-                 }
 
-             })
 
-         }  
 
-     
 
-     });
 
-     
 
-     if(isIE()){
 
-         for (var n=0;n<playControl.length;n++){
 
-            (function(n){
 
-             playControl[n].onclick=function(){
 
-                 for (var x=0;x<playControl.length;x++){
 
-                     playControl[x].style.opacity=1
 
-                 }
 
-                 
 
-                 if (videolist[n].paused) {
 
-                     videolist[n].play();
 
-                     playControl[n].style.opacity=0
 
-                    
 
-                 } else {
 
-                     videolist[n].pause();
 
-                     
 
-                     playControl[n].style.opacity=1
 
-                 }
 
-             }})(n)
 
-         }
 
-         
 
-     }else{
 
-         playControl.forEach(function(item,index){
 
-         
 
-             item.onclick=function(){
 
-                
 
-                 playControl.forEach(function(item,index){
 
-                     item.style.opacity=1
 
-                 })
 
-                 if (videolist[index].paused) {
 
-                     videolist[index].play();
 
-                     item.style.opacity=0
 
-                    
 
-                 } else {
 
-                     videolist[index].pause();
 
-                     
 
-                     item.style.opacity=1
 
-                 }
 
-             }
 
-         })
 
-         
 
-     }
 
-        
 
-     
 
- function changeVideo(index) {
 
-     var arr = [index, index + 1, index + 2];
 
-     if(isIE()){
 
-         
 
-       
 
-        
 
-         for(var i=0;i<arr.length;i++){
 
-             arr[i]= arr[i] >= 8 ? arr[i] - 8 : arr[i];
 
-         }
 
-         for(var ind in videolist){
 
-             videolist[ind].src=videoUrl[arr[ind]]
 
-             videolist[ind].poster=FMArr[arr[ind]]
 
-         }
 
-         
 
-         // for(var inde in videoTitle){
 
-         //     videoTitle[inde].innerHTML=pArr[arr[inde]]
 
-         // }
 
-     }else{
 
-         
 
-         arr = arr.map(function(item, index) {
 
-             return item >= 8 ? item - 8 : item
 
-         })
 
-         
 
-         videolist.forEach(function(item, ind){
 
-             item.src = videoUrl[arr[ind]]
 
-             item.poster=FMArr[arr[ind]]
 
-         });
 
-         // videoTitle.forEach(function(item, ind)  {
 
-         //     item.innerHTML = pArr[arr[ind]]
 
-         // });
 
-     }
 
- }
 
- // videolist[0].οnclick = function () {
 
- //     if (videolist[0].paused) {
 
- //         videolist[0].play();
 
- //     } else {
 
- //         videolist[0].pause();
 
- //     }
 
- // }
 
- function pauseAll() {
 
-     var self = this;
 
-     ;[].forEach.call(videolist, function(i) {
 
-         // 将 videos 中其他的 video 全部暂停
 
-         i !== self && i.pause();
 
-         // i !== self && i.load();
 
-     });
 
-     
 
- };
 
- // 滚动到位置后 左右图片淡入
 
- function getPoint(obj) { //获取某元素以浏览器左上角为原点的坐标 
 
- }
 
- function isIE() {
 
-     if(!!window.ActiveXObject || "ActiveXObject" in window){
 
-       return true;
 
-     }else{
 
-       return false;
 
-   }
 
- }
 
- function windowLoad () {
 
-       
 
- }
 
- window.onload=windowLoad;
 
- //给ie9添加classList属性
 
- if (!("classList" in document.documentElement)) {
 
-     Object.defineProperty(HTMLElement.prototype, 'classList', {
 
-         get: function() {
 
-             var self = this;
 
-             function update(fn) {
 
-                 return function(value) {
 
-                     var classes = self.className.split(/\s+/g),
 
-                         index = classes.indexOf(value);
 
-                     fn(classes, index, value);
 
-                     self.className = classes.join(" ");
 
-                 }
 
-             }
 
-             return {
 
-                 add: update(function(classes, index, value) {
 
-                     if (!~index) classes.push(value);
 
-                 }),
 
-                 remove: update(function(classes, index) {
 
-                     if (~index) classes.splice(index, 1);
 
-                 }),
 
-                 toggle: update(function(classes, index, value) {
 
-                     if (~index)
 
-                         classes.splice(index, 1);
 
-                     else
 
-                         classes.push(value);
 
-                 }),
 
-                 contains: function(value) {
 
-                     return !!~self.className.split(/\s+/g).indexOf(value);
 
-                 },
 
-                 item: function(i) {
 
-                     return self.className.split(/\s+/g)[i] || null;
 
-                 }
 
-             };
 
-         }
 
-     });
 
- }
 
 
  |