未捕获的TypeError：无法读取未定义的属性“contentWindow”

Question

我尝试运行此功能时收到此错误。如果您想测试它，可以访问此网站：http://www.apdty.com/pluton

点击顶部的“视频”，然后将鼠标悬停在其中一个缩略图上。然后单击加号。错误应该出现在您的浏览器开发控制台中。该代码应该在播放时停止播放。您可以在此处查看示例：http://jsfiddle.net/ow3s692n/

function toggleVideo() {
                    var frames = document.getElementsByTagName("iframe").length;
                    var div = document.getElementById("popupVid");
                    for (var i = 0; i < frames; i++) {
                        var iframe = div.getElementsByTagName("iframe")[i].contentWindow;
                        iframe.postMessage('{"event":"command","func":"stopVideo","args":""}','*');
                        document.getElementById("mytext").value = i;
                    }
                }

更新：@Pointy使用document而不是div是正确的。我还犯了从http位置指向https位置的错误。您还必须从youtube链接中删除“？rel = 0”