simplemodal 窗口被嵌入的 YouTube 视频覆盖

Question

我正在尝试在页面上使用简单的模态 jquery 库，并且模态弹出窗口隐藏在我的页面上嵌入的 youtube 对象后面。我尝试摆弄 z-index，但无法弄清楚。有什么建议吗？

Answer 1

从简单模式页面：

要防止 Flash 对象“渗透”对话框，请确保将对象的 wmode 属性设置为不透明或透明 (参考)。

Answer 2

function hideFlash() {
    var embeds = document.getElementsByTagName('embed');
    for (i = 0; i < embeds.length; i++) {
        embeds[i].style.visibility = 'hidden';
    }
    var objects = document.getElementsByTagName('object');
    for (i = 0; i < objects.length; i++) {
        objects[i].style.visibility = 'hidden';
    }

    var iframes = document.getElementsByTagName('iframe');
    for (i = 0; i < iframes.length; i++) {
    iframes[i].style.visibility = 'hidden';
    }
};

function showFlash() {
    var embeds = document.getElementsByTagName('embed');
    for (i = 0; i < embeds.length; i++) {
        embeds[i].style.visibility = 'visible';
    }
    var objects = document.getElementsByTagName('object');
    for (i = 0; i < objects.length; i++) {
        objects[i].style.visibility = 'visible';
    }

    var iframes = document.getElementsByTagName('iframe');
    for (i = 0; i < iframes.length; i++) {
    iframes[i].style.visibility = 'visible';
    }
};