jquery: el video de YouTube no se muestra

Durante muchas horas, trato de realizar acciones simples con la API de YouTube. Excepto el hecho de que no obtengo muchas cosas en la API, solo quería entender una cosa simple: ¿cómo es que mi video no se muestra en mi jsfiddle, aunque, para estar seguro, copié todo el código de otro jsfiddle y no cambió nada.

Aquí está el jsfiddle: http://jsfiddle.net/jpreynat/e11oy0eu/

Mi objetivo final era usar un JQuery simple para agregar y eliminar una clase del cuerpo mientrashaciendo clic en reproducir o pausar. Aquí está mi código final: https://jsfiddle.net/us64a5os

// 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');

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

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
  }

  function onPlayerStateChange(event) {
    switch(event.data) {
      case 1:
        $('body').addClass('play');
        break;
      case 2:
        $('body').removeClass('play');
    }
  }

Mirando los diferentes errores en la consola, traté de configurar https a http o simplemente a //, eliminé Adblock, probé en un archivo local en mi escritorio, etc...

Gracias =)

Debe tener la función onYouTubePlayerAPIReady en el objeto window como

window.onYouTubePlayerAPIReady = function() {
   console.log('ready now...');
}

¡Esto debería funcionar!