###現状
jquery.cookie.jsを使用し、初回のアクセス時にのみyoutube動画を表示し、2回目以降は表示させない仕組みを実装しようとし、なんとか実装はできたのですが、youtubeプレイヤーのiframeをdisplay:noneを指定しても表示は消えるのですが、音がなっている状況です。
###試したこと
パラメータの方で自動再生をオンにしていますので、2回目以降のアクセス時にytPlayer.pauseVideo();を指定したのですがうまくいきませんでした。
2回目以降アクセス時に自動再生をpauseVideo()でオフにするか、パラメータのautoplayを0にする必要があると思います。
jsfiddleにコードをアップしています。
https://jsfiddle.net/ululami/sokznxfk/11/
クッキー削除ボタンを設置しましたので確認時に活用していただければ幸いです。
ご回答よろしくお願いいたします。
###該当のソースコード
javascript
1// IFrame Player API の読み込み 2var tag = document.createElement('script'); 3tag.src = "https://www.youtube.com/iframe_api"; 4var firstScriptTag = document.getElementsByTagName('script')[0]; 5firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 6 7var ytPlayer; 8function onYouTubeIframeAPIReady() { 9 ytPlayer = new YT.Player( 10 'movieSet', 11 { 12 width: 640, 13 height: 390, 14 videoId: 's8zCzr9h7io', 15 playerVars: { 16 autoplay: 1 17 } 18 } 19 ); 20} 21 22$(function(){ 23 // 1回目のアクセス 24 if($.cookie('access') == undefined) { 25 $.cookie('access','onece'); 26 $('#movieSet').css('display','block'); 27 // 2回目以降 28 } else { 29 $('#movieSet').css('display','none'); 30 ytPlayer.pauseVideo(); 31 } 32}); 33 34//確認用cookie削除ボタン 35$('button').on('click',function(){ 36 $.removeCookie('access'); 37})
html
1<div id="movieSet"></div> 2<button>確認用cookie削除ボタン</button>
###補足情報(言語/FW/ツール等のバージョンなど)
jquery-cookie v1.4.1
jquery v3.2.1
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/01 22:59