不能火「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(); 
}