Youtube Iframe Player API で動画が読み込まれない

Question

前提・実現したいこと

当方、Monacaでyoutube iframe api を利用し、動画を埋め込んだアプリを作成中です。
javascript(AngularJS)でyoutube iframe apiのディレクティブを作成し、動画埋め込みページ(game.html)読み込み時に動画が読み込まれるようにしております。

1回目に、トップ画面(top.html)から動画埋め込みページ(game.html)に遷移したところ、正常に動画が読み込まれるのですが、一度トップ画面に戻り、再度動画埋め込みページ(game.html)に遷移したところ、動画が読み込まれません。原因について考えていたのですが、どうしても思いつかないため、分かる方がいらっしゃいましたら、ご教示いただけると幸いです。

よろしくお願いいたします。

該当のソースコード

//top.html
<ons-page>
    <div ng-controller="topCtrl as top">
      <div class="list">
        <ons-list>
          <ons-list-item  modifier="chevron" class="item" ng-click="top.gameStart()">
          </ons-list-item>
        </ons-list>
      </div>
    </div>
</ons-page>

//game.html
<ons-page>
    <div ng-controller="gameCtrl as game">
      <div class="youtube">
        <youtube id="youtube"></youtube>
      </div>
    </div>
</ons-page>

app.directive('youtube', function($window){
  var _link = function(scope, element, attr){
    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;
    $window.onYouTubeIframeAPIReady = function() {
      player = new YT.Player(element.children()[0], {
        width: "100%",
        height: "100%",
        videoId: XXX,//任意のyoutube id
        playerVars: {
          playsinline:1,//インライン再生を有効化
          controls: 0 //コントロールバーを非表示
        },
        events: {
          'onReady': onPlayerReady,
          'onStateChange':onPlayerStateChange,
        }
      });
    }
    function onPlayerReady(event) {
      event.target.playVideo();
    }

    function onPlayerStateChange(event) {
      //任意の処理
    }
  };
  return {
    link: _link,
    scope: {
      width: "@",
      height: "@",
      youtubeId: "@",
    },
    restrict: 'E',
    template: '<div></div>',
  };
});

app.controller('topCtrl',function(){
  this.gameStart=function(){
    myNavigator.pushPage('game.html');
  }
});

app.controller('gameCtrl',function(){
//処理
});

試したこと

動画埋め込みページ(game.html)からトップ画面(top.html)に戻る際reload()させることにより、強制的に2回目以降も、game.htmlで動画を読み込ませることができましたが、根本的な問題解決にはなっていないため、根本の原因を追究しております。