не может стрелять «loadVideoByUrl („...“)» из Youtube в Iframe-API - не определено

Question

, кажется, что я пропускаю что-то очевидное здесь, но я не могу получить

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('player1'); 
    // here everything is fine and I can see the 
    // function as part of player 
    console.log(player); 
    // but here it says "player.loadVideoByUrl()" undefined 
    player.loadVideoByUrl("https://youtu.be/bHQqvYy5KYo"); 
    player.playVideo(); 
} 

работать. Есть идеи?

Заранее благодарен!

Answer 1

Я предполагаю, что player не инициализируется, пока вы вызываете функцию loadVideoByUrl. В документации используются

events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 

события игрока. Кажется, объект игрока строится асинхронно. Поэтому, если вы используете эти события, код будет выглядеть следующим образом:

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('player1', { 
     events: { 
     'onReady': onPlayerReady 
     } 
    }); 
} 

function onPlayerReady(){ 
    player.loadVideoByUrl("https://youtu.be/bHQqvYy5KYo"); 
    player.playVideo(); 
}