今、私はビデオの配列を持っています。私が次をクリックして、アレイ内の次のまたは前のビデオが読み込まれるとき、どうすればいいですか? YOUTコードを使用して私の配列の次の項目を呼び出す
<video id="video" controls autoplay width="1000">
<source src="videos/test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="videos/test.ogv" />
</video>
<a href="#" onClick="javascript:vidSwap(vidURL[i+]); return false;">next</a>
<script>
var vidURL=["videos/test.ogv","videos/test2.ogv","videos/test3.ogv","videos/test4.ogv","videos/test5.ogv" ]; // literal array
function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = vidURL;
myVideo.load();
myVideo.play();
}
onclick属性では、javascriptが想定されるため、関数呼び出しの前に 'javascript:'を付ける必要はありません。また、まだjQueryを使用していない場合は、jQueryを使い始めることをお勧めします。 – benekastah