如何关闭弹出窗口时，youtube视频上播放esc按钮按钮

How to close popup when youtube video is playing on esc button button?

本文关键字：按钮 视频 esc youtube 播放 何关闭 窗口      更新时间：2023-09-26

点击我查看演示

当视频没有播放时，Esc按钮按下弹出窗口关闭，但它不工作，当视频播放

在演示中，确保包含视频的iframe在图层隐藏时被清除。将隐藏函数更改为:

function popup(){
    var img = document.getElementsByClassName('image-bann')[0];
    img.querySelector('iframe').src = "https://www.youtube.com/embed/0mQLTWvXbXM";
    document.getElementsByClassName('pop')[0].style.display="block";
}
function hide(e) {
    var img = document.getElementsByClassName('image-bann')[0];
    if (img.contains(e.target)) {
        e.preventDefault();
        return false;
    }
    img.querySelector('iframe').src = "about:blank";
    document.getElementsByClassName('pop')[0].style.display="none";
}
相关文章：