ブラウザで２種のmp4を順に再生したい。

Question

異なる二つのmp4を、
一つ目はautoplayで再生する
二つ目は、一つ目が再生終了すると同時に始まり、ループする
という仕様で埋め込みたいと考えています。

この場合のjQueryの記述方法に関してご指導いただけますでしょうか。
雑多な質問で申し訳ございませんが、よろしくお願いします。

Comments

[m.ts10806]

まずは自身が調べた通りにやってみては。コードが欲しい”だけ”系のものは丸投げ質問として敬遠されがちです。

Answer 1

一番適当なサンプル。

<video id="video" autoplay></video>
<script src="common.js" async defer></script>

// common.js
(function(){
  let video     = document.getElementById("video");
  let videoList = ["video1.mp4", "video2.mp4"];
  let videoNum  = 0;

  video.src     = videoList[videoNum];

  video.addEventListener("ended", function(){
    videoNum    = (videoList.length === videoNum ? ++videoNum : 0);
    video.src   = videoList[videoNum];
  });
})();

デバッグしてません。videoList = ["---.mp4","---.mp4"] のところに再生したいだけ動画を入ればいいはず。
デバッグしたら追記します。