1

YouTube の埋め込みプレーヤーに画像を配置しようとしています。wmode=transparentプレーヤーが zindex を受け入れられるように、jQuery を介して URLに を追加しました。読み込み中は画像がプレーヤーの上に表示されますが、ページが完全に読み込まれると、プレーヤーは画像の上に戻ります。何が原因ですか？

<iframe class="one"  id="bottom" width="560" height="315" src="http://www.youtube.com

/embed/H7D4Ryi2ckg?list=SP0D260F7B6625A6BA&amp;hl=en_US" frameborder="0" 

allowfullscreen></iframe>

<img class="one" id="top" width="560" height="315" 

src="http://images.nationalgeographic.com

/wpf/media-live/photos/000/005/cache/domestic-cat_516_600x450.jpg" alt="" >

<style type="text/css">

    .one {position: absolute; top: 100px;}

    #top{z-index: 9999;}

    #bottom{z-index: 1;}

</style>

<script type="text/javascript" >

$(document).ready(function ()

 $('iframe').each(function()

    var url = $(this).attr("src")

    $(this).attr("src",url+"?wmode=transparent")

 );

);

</script>
4

1 に答える 1

0

?rel=0iframe src にはありません。rel=0置換文字列から削除すると機能します。

また、の後にセミコロンターミネータがありませんvar url = ...

編集

構文エラーを修正した後、正常に動作します: meow

于 2012-09-27T05:55:06.340 に答える