javascript - YouTube Player API onReady 未针对 www.youtube-nocookie.com 触发

Question

我在使用 iframe 嵌入的 YouTube 播放器 API 引用时遇到问题...

特别是使用 http://www.youtube-nocookie.com
(iOS 允许嵌入在 Safari 中播放所必需的)

演示中的 onPlayerReady 函数未被调用 http://www.youtube-nocookie.com(适用于 http://www.youtube.com )

请参阅下面的重现步骤

---

第 1 步:使用标准的 api 演示:(复制在下面链接中找到的代码) https://developers.google.com/youtube/iframe_api_reference#Getting_Started

---> 工作正常

- 第 2 步:按照 https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player 中的指示

改变

<div id="player"></div>

到(在第 1 步的演示中)

<iframe id="player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http://example.com" frameborder="0"></iframe>

(确保将 origin= http://example.com 更改为您的域)

---> 工作正常

- 第 3 步:在最后一步添加的 iframe 标签中，改变

src="http://www.youtube.com/embed/...

到

src="http://www.youtube-nocookie.com/embed/...

---> 现在永远不会调用 onPlayerReady 函数

注意:据我所知，这在几周前一直有效...

Answer 1

window.onYouTubeIframeAPIReady = function() {
  player = new YT.Player(document.getElementById('player'), {
    height: '390',
    width: '640',
    videoId: 'M7lc1UVf-VE',
    host: 'https://www.youtube-nocookie.com',
    events: {
      'onReady': function() {
        console.log('ready');
      },
      'onStateChange': function() {
        console.log('state change', arguments)
      }
    }
  });
}

$.getScript("https://www.youtube.com/iframe_api");