YouTube API onPlayerReady 永远不会被调用

Question

关注 this tutorial，我一直在尝试将 YouTube API 整合到我的网站中。具体来说，当按下按钮时，我想以全屏模式播放 YouTube 上托管的视频。不幸的是，我什至无法使用该教程中给出的代码。

我使用 Slim 进行标记，所以我添加了一个空的 div，其中包含教程建议的玩家 ID

.body  
  .player

然后我在标记的末尾添加了这个 javascript

  $(document).ready(
    function() {
      loadYoutubeAPI();
    });

哪个应该启动调用这些函数的链

function loadYoutubeAPI() {
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerReady(event) {
    event.target.playVideo();
}

var done = false;
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
        setTimeout(stopVideo, 6000);
        done = true;
    }
}

function stopVideo() {
    player.stopVideo();
}

但是，调用链在 onPlayerReady 触发之前停止，我不明白为什么。

Answer 1

据我所知，您的问题似乎出在播放器 div 似乎出在 class 播放器上，而且从我在教程中看到的情况来看，它看起来对于具有玩家 ID 的 div。所以像下面这样的东西可能会起作用：

.body
    #player

我不是 100% 熟悉 Slim，所以您可能需要以不同的方式标记它。

YouTube API onPlayerReady 永远不会被调用

YouTube API onPlayerReady is Never Getting Called

javascript

youtube

jquery

ruby-on-rails

slim-lang