Вставить youtube APi Пользовательская кнопка

Question

im настроить мой проигрыватель YouTube, но im получить сообщение об ошибке, я уже проверяю, не проблема ли в завершении работы в готовой функции, но все равно получение ошибки «Неподготовлено ReferenceError: YT не определено»

Js:

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

var player; 

onYouTubeIframeAPIReady = function() { 
    player = new YT.Player('player', { 
     height: '193', 
     width: '284', 
     videoId: 'jGa2J3RBPtQ', // youtube video id 
     playerVars: { 
      'autoplay': 0, 
      'rel': 0, 
      'showinfo': 0 
     }, 
     events: { 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

onPlayerStateChange = function (event) { 
    if (event.data == YT.PlayerState.ENDED) { 
     $('.start-video').fadeIn('normal'); 
    } 
} 

$(document).on('click', '.start-video', function() { 
    $(this).fadeOut('normal'); 
    player.playVideo(); 
}); 

HTML:

<div id="player"></div> 
<button class="start-video">Play</button> 

Answer 1

вы пробовали переключиться на протокол HTTPS?

Работал для меня here

tag.src = "https://www.youtube.com/iframe_api";