/*===================== youtube
 ===================================*/


var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

function onYouTubeIframeAPIReady() {
  // "player"という文字列は、divのID属性の値を指定します。
  player = new YT.Player('player', {
    height: '306',
    width: '501',
    videoId: 'zoo6FW8bVxo',
    playerVars: {
        autohide: 1,
        //コントローラーを自動的に隠すかどうか 0:デフォルト 1:マウスアウトしている時は消す 2:常に表示
        controls: 1,
        //コントローラーを表示するかどうか 0:非表示 1:表示(デフォルト)
        modestbranding: 1,
        //Youtubeのロゴをコントローラーに追加するかどうか 0:表示 1:非表示
        rel: 0
        //再生終了後に関連動画を表示するかどうか 0:非表示 1:表示(デフォルト)
    },
    events: {
        //左の値は「イベントリスナー」。
        //右の値はそのイベントが発生した時に実行される関数。
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
    }
  });
}

function play(){
    if (player) {
        player.playVideo();
    }
}

// function pause(){
//   player.pauseVideo();
// }

// function stop(){
//   player.stopVideo();
// }

//動画を再生する準備が整ったときに実行される関数
function onPlayerReady(){
    $('#play-btn').show();
}

function onPlayerStateChange(event){
    switch(event.data){
         case YT.PlayerState.ENDED:
                $('#play-btn').show();
                break;
         case YT.PlayerState.PLAYING:
                $('#play-btn').hide();
                break;
         case YT.PlayerState.PAUSED:
                $('#play-btn').show();
                break;
         case YT.PlayerState.BUFFERING:
                $('#play-btn').show();
                break;
         case YT.PlayerState.CUED:
                break;
    }
}