Javascript onendがビデオの終わりを検出しています

Question

私のコードのすべてが機能します。それはちょうど現在のものを終えた後に次の歌/ビデオに切り替えません。私はonendedイベントハンドラを（タグとJavaScriptで）追加しようとしましたが失敗しました。私もjQueryを試しましたが、うまくいきませんでした。何らかの理由で、曲の最後に曲が変わらない。代わりに、同じ曲を繰り返し再生します。

<video id="vid" src="main/" playsinline autoplay> 

（あなたのコードは以下となります。あなたは終了イベント（doc）をトリガしたい場合は

<video id="vid" src="main/" playsinline autoplay loop> 
 
\t \t <script> 
 
\t \t \t var video = document.currentScript.parentElement; 
 
\t \t \t video.volume = 0.1; \t \t 
 
\t \t \t var lastSong = null; 
 
\t \t \t var selection = null; 
 
\t \t \t var playlist = ["main/songn.mp4", "main/songl.mp4", "/main/songt.mp4", "/main/songf.mp4"]; // List of Songs 
 
\t \t \t var video = document.getElementById("vid"); 
 
\t \t \t video.autoplay=true; 
 
\t \t \t video.addEventListener("ended", selectRandom); 
 

 
\t \t \t function selectRandom(){ 
 
\t \t \t \t while(selection == lastSong){ 
 
\t \t \t \t \t selection = Math.floor(Math.random() * playlist.length); 
 
\t \t \t \t } 
 
\t \t \t \t lastSong = selection; 
 
\t \t \t \t video.src = playlist[selection]; 
 

 
\t \t \t } 
 

 
\t \t \t selectRandom(); 
 
\t \t \t video.play(); 
 

 
\t \t </script> 
 
</video>

Answer 1

は、あなただけのvideoタグからloopパラメータを削除する必要があります終了時に新しい曲をロードしてループを処理します）。

ところで、var video = document.getElementById("vid");は<video>タグを参照してください。最初の宣言よりも短く、よりクリーンです。