错误：未被捕获的TypeError：无法读取HTMLDivElement.closeIframeContainer的null属性“窗口”

Question

我有一个包含iframe的简单块，我希望用户能够使用按钮关闭iframe。但不幸的是，我遇到了以下错误。

这是我到目前为止所拥有的

JS

  document.querySelector(.video-close_btn).addEventListener('click', closeIframeContainer);
    var closeIframeContainer =function(){
        window.parent.postMessage("event=closeiframe", "*");
    };

    window.addEventListener("message", receiveMessageFromIframe, false);
    function receiveMessageFromIframe(msg) {
        if (event == "closeiframe") {
            document.getElementById('iframe-container').remove();
        }else{
           alert('hehehe');
        }
    }

这是带有iframe的index.html

<div id="iframe-container">

            <iframe src="/videoexplainer/data.html" style="border:none"></iframe>
    </div>

这是data.html

 <div id="video-close_btn" class="video-btn">
                    <img src="images/x.png" />
                </div>

不幸的是，它不起作用，我需要做些什么才能得到想要的东西？任何帮助或建议将不胜感激。