После окончания видео перекидывало автоматически на следующее видео

Question

У меня есть такой код, по нажатию на какое либо видео оно его вопросизводит, но нужно добавить и автоматическую смену видео, чтобы при окончании первого кидало на второе, с второго на третье и тд.

<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
    $(function() {
      $("#playlist li").on("click", function() {
          $("#videoarea").attr({
              "src": $(this).attr("movieurl"),
              "poster": "",
              "autoplay": "autoplay"
          })
      })
      $("#videoarea").attr({
          "src": $("#playlist li").eq(0).attr("movieurl"),
          "poster": $("#playlist li").eq(0).attr("moviesposter")
      })
    })
          
      

    
     
          var video;
    var display;

    window.onload = function() {
        video = document.getElementById("videoarea");
    };

     <a> <video id="videoarea" controls="controls" poster="" src="" controlslist="nodownload" oncontextmenu="return false;"></video></a>

    <ul id="playlist">
          <div class="scroling">
          <li movieurl="Ссылка на видео" moviesposter="Ссылка на превью видоса" rel="nofollow"><span class="win"><img class="li_img_playlist" src="Ссылка на превью видоса"><div class="flexbox_nae_chanell"><h5>01. Animation events</h5></div></span></li>
          <li movieurl="Ссылка на видео" rel="nofollow" security="restricted"><span class="win"><img class="li_img_playlist" src="Ссылка на превью видоса" ><div class="flexbox_nae_chanell"><h5>02. Attack animation</h5></div></span></li>          
          <li movieurl="Ссылка на видео" rel="nofollow" security="restricted"><span class="win"><img class="li_img_playlist" src="Ссылка на превью видоса"><div class="flexbox_nae_chanell"><h5>03. Hitboxes</h5></div></span></li> 
                     
                </div>
                </ul>

БЛОГ НА HUSL

После окончания видео перекидывало автоматически на следующее видео

Ответы (0 шт):