Переключение источников на видеоплеере Plyr - PullRequest
Новая
       25

Переключение источников на видеоплеере Plyr

0 голосов
/ 19 февраля 2019

Я использую этот метод для переключения источников для видеоплеера Plyr.

Пример в целом работает, но я хочу динамически загружать <li> элементы с URL из API.По сути, я делаю следующее: 

for (var i = 0; i < response.data.courses[0].videos.length; i++) {
    $("#playlist-list" ).append("<li class='player-src' 
    data-type='mp4' data-src='"+vidsUrl+"'>"+licontentstuff+"</li>");
}

Это дает мне в основном элементы, идентичные элементам в примере. Вы можете увидеть элементы здесь (пример сверху li, загруженный снизу из ajax). Однако они ничего не делают.

Суть кода в примере: 

$(document).ready(() => {

   $('.player-src').on('click', function () {

      src = $(this).data("src");
      type = 'video/' + $(this).data("type");
      poster = $(this).data("poster")||"";

      player.source = {
        type: 'video',
        title: 'Example title',
        sources: [
         {
              src: src,
              type: type,
              size: 720
          }
        ],
        poster: poster
      };

     player.play();

   });
})

Я полагаю, что в основном элементы, которые я загружаю, загружаются слишком поздно и не распознаются этой функцией, хотя я не знаю, почемуэто было бы так.Я буду честен и отмечу, что я не полностью понимаю код примера.

...