Question

我已經包含在以下DIV YouTube視頻：

<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'