Question

У меня есть видео YouTube содержится в следующей DIV:

<div id="playVideo" class="white-popup mfp-hide"> 
    <div class='embed-container'> 
     <iframe id="video" src='https://www.youtube.com/embed/GYmW1u8YiQY?enablejsapi=1&version=3&playerapiid=ytplayer?rel=0' frameborder='0' allowfullscreen="true" allowscriptaccess="always"></iframe> 
    </div> 
</div> 

И кнопочного элемента, привязанной к его открытия:

<div class="ghost-button float"> 
     <a href="#playVideo" id="playPop" class="open-popup-link" style="color:black; font-size:24px; letter-spacing:2px; font-family: 'Pathway Gothic One', sans-serif;" onclick="">WATCH TRAILER</a> 
    </div> 

Это в скрытом поп -До сделал с magnific pop библиотеки

у меня есть следующие JavaScript для воспроизведения видео, когда пользователь нажимает кнопку, чтобы открыть всплывающее вверх:

$('.open-popup-link').magnificPopup({ 
     type:'inline', 
     midClick: true 
    }); 

$(document).ready(function() { 
     $('#playPop').on('click', function(ev){ 
      $('#video')[0].contentWindow.postMessage('{"event":"command","func":"' + 'playVideo' + '","args":""}', '*'); 
     }); 

     $('.closebtn').on('click', function(ev2){ 
      $('#video')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); 
     }); 

     $('button .mfp-close').on('click', function(ev3){ 
      $('#video')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); 
     }); 

    }); 

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

Answer 1

Попробуйте добавить атрибут autoplay = "true" в источник ссылок, продемонстрированный ниже.

SRC = 'https://www.youtube.com/embed/GYmW1u8YiQY?autoplay=true&enablejsapi=1&version=3&playerapiid=ytplayer?rel=0'