Plyr Как загрузить разные видео в модал - PullRequest
Новая
       25

Plyr Как загрузить разные видео в модал

0 голосов
/ 06 апреля 2019

У меня есть разные видео на странице, которые я бы хотел воспроизвести в режиме / режиме наложения, нажав кнопку воспроизведения.Я использую plyr.io для этого.

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

HTML: Воспроизвести видео 1 Воспроизвести видео 2 

<div class="overlay">
    <a class="close">&times;</a>

    <div class="video-container">
        <video id="player" playsinline controls>
            <source id="video-src" src="" type="video/mp4" />
        </video>
    </div>
</div>

JS: 

$(function(){

          var players = plyr.setup();

          $('.open-video').on('click', function(){
            var source = $(this).attr('id');
            $("#video-src").attr("src", source);
            $('body').addClass('video-active');

            players[0].play();

          });

          $('.close').on('click', function(){
              $('body').removeClass('video-active');
              players[0].stop();
          });

});
...