現在、トップページにアクセスすると強制的にモーダルを表示させ、中にはyoutubeの動画を表示させています。
しかし、クローズボタンを押してもyoutubeの再生が止まらない状況です。
クローズボタンを押すと、youtubeの再生も停止させたいのですが、どなたかご教示いただけないでしょうか。
HTML:
<div class="popup" id="js-popup"> <div class="popup-inner"> <div class="close-btn" id="js-close-btn"><i class="fas fa-times"></i></div> <iframe width="100%" height="315" src="youtubeの動画URL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="black-background" id="js-black-bg"></div> </div>
JS:
window.onload = function() { var popup = document.getElementById('js-popup'); if(!popup) return; popup.classList.add('is-show'); var blackBg = document.getElementById('js-black-bg'); var closeBtn = document.getElementById('js-close-btn'); closePopUp(blackBg); closePopUp(closeBtn); function closePopUp(elem) { if(!elem) return; elem.addEventListener('click', function() { popup.classList.remove('is-show'); }) } }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。