Youtube iFrame API不會控制播放器

Question

我正在製作一個網站，我需要一個嵌入式Youtube視頻的外部控件。
問題是播放按鈕在onPlayerReady函數內不起作用。

這一點，標記：

<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script> 
<div> 
    <iframe id="player" width="560" height="315" src="https://www.youtube.com/embed/08HqRzhqXU0" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="play_btn">PLAY</div> 

這是我的腳本：

var player; 

function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      events: { 
       'onReady': onPlayerReady, 
      } 
     }); 
} 

function onPlayerReady(event) { 
    var playButton = document.getElementById("play_btn"); 
    playButton.addEventListener("click", function() { 
     player.playVideo(); 
    }); 
} 

Answer 1

您需要包括的iframe源的enablejsapi參數。