3

私はhtml5を初めて使用します。デフォルトでビデオがロードされたhtmlページを作成しました。作成する必要があるのは、再生/一時停止、次と前のボタン、およびビデオの配列を含むhtmlページです。次のボタンをクリックすると、前のボタンと同様に、配列内の次のビデオがロードされます。

html5タグを使用して、最初のビデオ（画面に読み込まれます）を呼び出しました。次および前のボタン機能を実装するにはどうすればよいですか。ビデオの配列を作成するにはどうすればよいですか、またそれらを呼び出すにはどうすればよいですか。

どんな助けでもいただければ幸いです。

<video  id="video1" class="container1" preload="auto"controls="controls" tabindex="0" >
<source id="v1" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2" src="videos\mov_bbb.mp4"></source>
<source id="v2" type="video/ogg" codecs="theora, vorbis" src="videos\mov_bbb.ogv"></source>
<source id="v3" type="video/webm" codecs="vp8, vorbis"  src="videos\mov_bbb.webm"></source>
</video>
4

2 に答える 2

0

あなたのhtmlビデオコンテナで：

<video id='currentVideo'></video>

JavaScript コード:

//Global variable for the current video name
var currentVideoName='video1.avi';

var videoList=['video1.avi','video2.mp4','video3.mpg'];
var myVideo = document.getElementById('currentVideo');

var index = videoList.indexOf(window.currentVideoName);

//Next button
myVideo.pause();
myVideo.currentTime=0;
myVideo.src = 'videosDirectory/'+videoList[index+1];
window.currentVideoName=videoList[index+1];
myVideo.play();

//Pause button
myVideo.pause();

//Previous button
myVideo.pause();
myVideo.currentTime=0;
myVideo.src = 'videosDirectory/'+videoList[index-1];
window.currentVideoName=videoList[index-1];
myVideo.play();

//Play button
myVideo.play();
于 2012-11-14T12:27:53.477 に答える