YouTube API loadVideoById有时无法正常工作？

Question

我正在研究这段代码。有时候视频播放效果不错，但有时候它会显示白屏，我收到此类错误消息： player.loadVideoById不是函数。

我的HTML代码：

    <i class="fa fa-play-circle-o" id="play_btn" onclick="playyoutubevideo('<?php echo $topic_names1['youtube_video_id']?>');"></i>

这是我的javascript代码：

var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          videoId: $('#video_id').val(),
             playerVars: { 'fs':'0' },
     events: {
             'onStateChange': onPlayerStateChange
          }
        });
    }

   // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
         $('#popup_close').click(); 
        }
    }

function playyoutubevideo(video_id)
{

  $("body").css("position", "fixed"); 
   if(player)
    {
        var fn = function(){ player.loadVideoById(video_id); }
        setTimeout(fn, 500);

    }

   $(".pos_popup").removeClass("none1");
  $(".pos_popup1").removeClass("none1");  


}

如果有人知道错误，请帮我解决这个问题。