質問: モーダルウィンドウを閉じた際に動画を停止する方法について お世話になります。弊社本店サイトにて、モーダルウィンドウを使用し、動画の宣伝をしようと思っております。しかし、モーダルウィンドウを閉じた際、画面上では、閉じているのですが、動画が再生中のままです。モーダルウィンドウを閉じたら、動画の停止もしくは一時停止する方法の記述をご存知でしたら、ご教示のほど、よろしくお願い致します。▼モーダルウィンドウ テストページhttps://4860-shop-new-test.suruzo.biz/sp/contents/modal.html▼ソース(jquery)$(function(){ $('.js-modal-open').on('click',function(){ $('.js-modal').fadein(); return false; }); $('.js-modal-close').on('click',function(){ $('.js-modal').fadeout(); return false; }); });▼ソース(html) モーダルを表示 閉じる
回答: ecマスターズ田中様、お世話になります。早速、頂いたソースを追加いたしました。動画は一時停止しませんでした。html、jsで間違っている記述はありますでしょうか。すみませんが、ご教示のほど、よろしくお願いします。▼htmlソース▼ モーダルを表示 閉じる ▼jsソース▼// 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);function onyoutubeiframeapiready() { ytplayer = new yt.player( 'sample', // 埋め込む場所の指定 { width: 640, // プレーヤーの幅 height: 390, // プレーヤーの高さ videoid: 'qusfigjczho',// youtubeのid event:{ 'onready': onplayerready // プレーヤーの準備ができたときに実行 } } );}$(function() {$('#close').click(function() { // playerreadyがtrueのときだけ実行 if(playerready) { ytplayer.pausevideo(); } });});var playerready = false;// プレイヤーの準備ができたときfunction onplayerready(event) {playerready = true;}