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 参数。