최근 자바스크립트를 이용한 비디오 캐러셀 구현을 요청하신 고객님이 계십니다. 관심 있는 학생이라면 참여 가능합니다. PC와 모바일 단말기 모두에서 구현 가능한 비디오 캐러셀을 구현하기 위한 프로그램은 아래와 같습니다. 근데 모바일 버전에는 약간의 버그가 있습니다. 코드를 복사하세요 코드는 다음과 같습니다. 여기에 제목 삽입 동영상 회전식 11 동영상 캐러셀 22 <br>var index =0; <br>var arr = new Array("71da9e4b6985a7b5951dd62ce7bb020d_7", "71da9e4b691a41961dcd6524593d39ee_7", "71da9e4b69efa71be86d625508ec9feb_7 "); ><br>var 컨테이너 = document.getElementById("container"); <br>함수 printPlayer(index ){ <br>//alert(arr.length) <br>if(index>arr.length-1){ <br>index=0 <br>} <br>//container.removeElement ; <br>container.innerHTML=""; <br>var vid=arr[index]; <br>if (navigator.userAgent.match(/iP(od|hone|ad)/i)) { <br> var video = document.createElement("video"); <br>video.src = "http://v.polyv.net/uc/video/getMp4?vid=" <br>video.onended=s2j_onPlayOver; <br> //video.addEventListener('ended',j2s_onPlayOver, false) <br>video.autoplay="true"; <br>video.controls="controls" <br>container.appendChild(video); 🎜>} else{ <br><br>var swf="http://player.polyv.net/player_polyv_20130926a.swf?vid=" vid; <br><br>container.innerHTML = "<OBJECT width= '600' height='375' ><PARAM NAME=movie VALUE='" vid "'><param name='allowscriptaccess' value='always'>" <br> "<param name= 'allowFullScreen' 값='true' />" <br> "<EMBED src='" swf "' 너비='600' 높이='375' TYPE='application/x-shockwave-flash'allowscriptaccess=' Always' allowedFullScreen ='true' /></EMBED>" <br> "</OBJECT>"; <br><!-- Container.innerHTML = "<OBJECT>" swf "</ OBJECT>" ;--> <BR><BR>} <BR>} <BR><br>printPlayer(index); <br><BR><br>/* function j2s_onplayover(){ <br>index ; <br>printPlayer(index); <br><BR>} */ <BR><BR>function s2j_onPlayOver() { <br>alert('ssss'); ); <br>} <br> 작동 효과:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
