動画が再生した後に下の動画が再生されるJS

Question

こんにちは。
現在、動画を含んだLPの案件をしています。
4つの動画が縦に並んだものなのですが、現在こんな感じです。
http://devserver-room8.cloudapp.net/movie/

今、一番上の動画だけHTMLでautoplayをあて自動再生をしています。
これから実装したいプログラムは、動画終了後に出てくる「次の動画再生」を押したあと
に下の動画に移動し、その動画が再生される方法です。

下の動画に移動はするのですが、再生がしないです。
一応今JavaScriptはこんな感じで組み込んでいます。

$(function(){

var video = $('#video').get(0);
video.play();

video.on('ended',function(){
video.src = './../movies/talk.mov';
video.play();
});

});
コード

でもなんか違うような気がします。

わかる方お願いします！

Answer 1

要素に振るIDはドキュメント内でユニークでなければなりません。
要素を複数置く場合は別々のIDにしてあげてください。

Comments

[_T_S]

回答ありがとうございます！
まだ初心者で勉強中なので質問を繰り返してしまうのですが、
videoをvideo1、video2とかにしてその都度、jsを組み込めばいいということでしょうか？

[htsign]

そうですね。
コードが若干冗長になってしまうと思いますが、それが嫌でしたら（ここでの説明は割愛しますが）「配列」という仕組みを使う方法もあります。

[_T_S]

ありがとうございます！
やってみます！