youtubeプレイヤーを非表示にしても音がなってしまう

Question

###現状
jquery.cookie.jsを使用し、初回のアクセス時にのみyoutube動画を表示し、2回目以降は表示させない仕組みを実装しようとし、なんとか実装はできたのですが、youtubeプレイヤーのiframeをdisplay:noneを指定しても表示は消えるのですが、音がなっている状況です。

###試したこと
パラメータの方で自動再生をオンにしていますので、2回目以降のアクセス時にytPlayer.pauseVideo();を指定したのですがうまくいきませんでした。
2回目以降アクセス時に自動再生をpauseVideo()でオフにするか、パラメータのautoplayを0にする必要があると思います。

jsfiddleにコードをアップしています。
https://jsfiddle.net/ululami/sokznxfk/11/

クッキー削除ボタンを設置しましたので確認時に活用していただければ幸いです。

ご回答よろしくお願いいたします。

###該当のソースコード

// IFrame Player API の読み込み
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 ytPlayer;
function onYouTubeIframeAPIReady() {
	ytPlayer = new YT.Player(
		'movieSet',
		{
			width: 640,
      height: 390,
      videoId: 's8zCzr9h7io',
      playerVars: {
      	autoplay: 1
			}
		}
	);
}

$(function(){
  // 1回目のアクセス
  if($.cookie('access') == undefined) {
    $.cookie('access','onece');
    $('#movieSet').css('display','block');
  // 2回目以降
  } else {
    $('#movieSet').css('display','none');
    ytPlayer.pauseVideo();
  }
});

//確認用cookie削除ボタン
$('button').on('click',function(){
	$.removeCookie('access');
})

<div id="movieSet"></div>
<button>確認用cookie削除ボタン</button>

###補足情報(言語/FW/ツール等のバージョンなど)
jquery-cookie v1.4.1
jquery v3.2.1

Answer 1

無理矢理ですがこんな方法を考えました。

document.getElementById('movieSet').parentNode.removeChild(document.getElementById('movieSet'));

※jsFiddleの使い方がよく分からずめっちゃupdateしておりますがご容赦ください。。

Comments

[owl]

ご返信が遅れて申し訳ありません。
無事に実装できました。
本当にありがとうございます。