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

Question

Click me to see the demo

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

Answer 1

在您的演示中，确保隐藏图层时清除包含视频的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";
}