123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- var goTop=document.querySelector('.aside');
- var left=document.querySelector('.left')
- var right=document.querySelector('.right')
- var pageOne=document.querySelector('.firstPage')
- var pageSecond=document.querySelector('.nextPage')
- var videolist = document.querySelectorAll('.video');
- var playControl=document.querySelectorAll('.play')
- var pageNo=1;
- var imgArr=['./images/01.png','./images/04.png','./images/02.png','./images/03.png'];
- console.log(pageOne)
- left.onclick=function(){
- if(pageNo>1){
- pageNo--;
- console.log(pageNo)
- left.src=imgArr[0]
- right.src=imgArr[1]
- pageOne.style.display='block'
- pageSecond.style.display='none'
- }
- }
- right.onclick=function(){
- if(pageNo<2){
- pageNo++;
- console.log(pageNo)
- left.src=imgArr[3]
- right.src=imgArr[2]
- pageOne.style.display='none'
- pageSecond.style.display='block'
- }
- }
- // 给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 isIE() {
- if(!!window.ActiveXObject || "ActiveXObject" in window){
- return true;
- }else{
- return false;
- }
- }
- function pauseAll() {
- var self = this;
- ;[].forEach.call(videolist, function(i) {
- // 将 videos 中其他的 video 全部暂停
- i !== self && i.pause();
- // i !== self && i.load();
- });
-
- };
- window.onload = function () {
-
-
- window.onscroll = function () {
-
- var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
- // 判断是否出现返回顶部
- if(scrollTop>50){
- goTop.classList.add('show')
- }else{
- goTop.classList.remove('show')
- }
- }
-
- }
|