最近、顧客は Javascript を使用してビデオ カルーセルを実装するように要求しました: 興味のある学生は参加できます 以下にビデオ カルーセルを実装するためのプログラムを記述します。これは PC とモバイル端末の両方で実装できます。 ただし、モバイル版には少しバグがあります。 コードをコピーします コードは次のとおりです。 ここにタイトルを挿入ビデオ カルーセル 11 ビデオカルーセル 22 <br>var Index =0; <br>var arr = new Array("71da9e4b6985a7b5951dd62ce7bb020d_7", "71da9e4b691a41961dcd6524593d39ee_7", "71da9e4b69efa71be86d625508ec9feb_7" ); ><br>var コンテナ = document.getElementById("コンテナ"); printPlayer(index ){ <br>//alert(arr.length); <br>if(index>arr.length-1){ <br>} <br>//container.removeElement ; <br>container.innerHTML=""; <br>var vid=arr[index] <br>if (navigator.userAgent.match(/iP(od|hone|ad)/i); 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' value='true' />" <br> "<EMBED src='" swf "' width='600' height='375' TYPE='application/x-shockwave-flash'allowscriptaccess=' always'allowFullScreen ='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>関数 s2j_onPlayOver() { <br>alert('ssss'); <br>printPlayer(index) ); <br>} <br> 動作効果:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
