0

私は1年ほど前に投稿の裏にこの質問をしています。

iframe経由で埋め込まれたYouTubeビデオz-indexを無視しますか？

私はページにあなたのチューブビデオを持っています。そのページでファンシーボックスを表示したいのですが、YouTubeビデオのため、これは機能しません

コードに追加しました

jQuery(document).ready(function (){
    jQuery('iframe').each(function(){
        var url = jQuery(this).attr("src");
            if (jQuery(this).attr("src").indexOf("?") > 0) {
                jQuery(this).attr({
                  "src" : url + "&wmode=transparent",
                  "wmode" : "Opaque"
                });
            }
    });
});

それがコードに追加されます

<iframe width="500" height="281" src="http://www.youtube.com/v/TUNROkqBte4?theme=light&showinfo=0&modestbranding=0&border=0&fs=1" frameborder='0'></iframe>

変更できません。

jqueryが追加されたie7/8でこれがまだ発生しているのはなぜですか？

ありがとう

4

1 に答える 1

3

問題は、YouTube の URL 形式:

http://www.youtube.com/v/...

iframe...タグ内で使用するのは適切ではありません。

の適切な形式は次のiframeとおりです。

http://www.youtube.com/embed/...

.replace()変更できない場合は、次のような JavaScript メソッド を使用してオンザフライで置き換えます。

jQuery('iframe').each(function () {
    var url = jQuery(this).attr("src").replace(new RegExp("/v/", "i"), '/embed/');
    if (jQuery(this).attr("src").indexOf("?") > 0) {
        jQuery(this).attr("src", url + "&amp;wmode=opaque");
    }
});

これでうまくいくはずです。JSFIDDLEを参照してください

于 2013-02-27T05:14:55.537 に答える