質問: '#VideoContainer'; //メイン処理 mp4Array.forEach(makeVideoTag); //メインが呼び出す関数 function makeVideoTag(val, index) { $('').attr({ id : 'video' + index, src : val, controls : false }).appendTo($(tgtDiv)).hide(); if (index !== mp4Array.length - 1) { $(tgtDiv + ' #video' + index).on('ended', function(event) { $(this).hide(); $(this).next().show(); $(this).next()[0].play(); }); } } //HTML処理 生成したHTML1個目を表示化 $(tgtDiv + ' video:eq(0)').show(); }); } 【html】 ``` ### 試したこと js動作中は、動画Aには#video0、動画Bには#video1のidが付与されるので、 video1と指定されている動画をループする、といった記述も試しに使用してみましたが 上手くいきませんでした。
回答: 動画aとbが一緒になっている動画cが作れる場合でのアイデアです。 動画cの再生終了イベント後にループ再生時させたい位置にシークして再度再生させてはいかが? イベント https://developer.mozilla.org/ja/docs/Web/API/HTMLMediaElement/ended_event シーク。違いはよく知りませんので調査して結果を教えてください。 https://developer.mozilla.org/ja/docs/Web/API/HTMLMediaElement/currentTime https://developer.mozilla.org/ja/docs/Web/API/HTMLMediaElement/fastSeek