Ggtcf

I'm having trouble with the YouTube Player API Reference for iframe Embeds...

Specifically with using http://www.youtube-nocookie.com

(necessary for iOS to allow embeds to play in Safari)

the onPlayerReady function in the demo is not called for for http://www.youtube-nocookie.com
(works fine for http://www.youtube.com)

See steps to reproduce below

Step 1:
Use the standard api demo:
(copy the code found at the link below)
https://developers.google.com/youtube/iframe_api_reference#Getting_Started

---> works fine

- Step 2:
as instructed in https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

change

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

to (in the demo from Step 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>

(make sure to change origin=http://example.com to your domain)

---> works fine

- Step 3:
in the iframe tag added in the last step,
change

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

to

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

---> now the onPlayerReady function is never called

Note: as far as I can tell, this used to work until a few weeks ago...

I can fully confirm this issue. I've been using youtube-nocookie.com for more than a year and suddenly few weeks ago it stopped working. Normal youtube.com embeds work just fine.

It seems that this isn't just your problem, I guess it's problem on Google's side.

It seems like that the API works fine with youtube-noocookie.com. The following code works in JsFiddle, but does not work in StackOverflow editor.

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");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="player">

</div>

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");