jquery - 埋め込まれたYouTubeビデオで覆われたsimplemodalウィンドウ

Question

ページで単純なモーダル jquery ライブラリを使用しようとしていますが、ページに埋め込まれた youtube オブジェクトの背後にモーダル ポップアップが隠されています。z-indexをいじってみましたが、これを理解できませんでした。助言がありますか？

Answer 1

シンプルなモーダルページから：

Flash オブジェクトがダイアログから「にじみ出る」のを防ぐには、オブジェクトと埋め込み要素の wmode プロパティを opaque または transparent に設定してください (参照)。

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';
    }
};