隐藏的YouTube播放器失去了它的方法

我正在用javascript控制一个嵌入的YouTube无铬播放器,我想通过设置display:none来隐藏它。但是,当我再次显示该播放器时,它会丢失它的YouTube方法。

例如:

<script>
  swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=player",
    "player", "425", "356", "8", null, null, 
    {allowScriptAccess: "always"}, {id: 'player'}
  );

  var player = null;

  function onYouTubePlayerReady(playerId) {
    player = document.getElementById(playerId);
    player.addEventListener('onStateChange', 'playerStateChanged');
  }

  function hidePlayer() {
    player.pauseVideo();
    player.style.display = 'none';
  }
  function showPlayer() {
    player.style.display = 'block';
    player.playVideo();
  }
</script>
<a href="#" onClick="hidePlayer();">hide</a>
<a href="#" onClick="showPlayer();">show</a>
<div id="player"></div>

调用hideplayer,然后调用showplayer,在播放视频调用时会出现此错误:

Uncaught TypeError: Object #<an HTMLObjectElement> has no method 'playVideo'

我唯一能找到的解决方案是使用可见性:隐藏,但这会影响我的页面布局。还有其他的解决办法吗?