2011-12-22 2 views
0

私のYoutubeビデオチャンネルビデオが表示されるページを構築しています。Youtubeビデオが私のメニューに浮かぶ

これは私のコードの外観です。

動画が表示されると、自分のCSS/Javascriptメニューの上に配置されます。

私はZインデックスと位置を試しました:相対的ですが、それは助けになりませんでした。スタックのオーバーフローで私は別の解決策を見つけたhttp://youtubelinkと最後に& wmode = opaqueしかし、それは役に立たなかった。

誰かが私に適切な解決策を与えるかもしれません。ありがとう。

コード

<div style="width:190px; float:left; margin:0 20px 20px 0;"> 
<?php if($item->type == 0) { // If video type is Youtube ?> 
<p class="video"><iframe width="190" height="142" src="<?php echo $item->link; ?>" frameborder="0" allowfullscreen></iframe></p> 
<p class="video-title"><?php echo $item->title; ?></p> 
<?php if(!empty($item->desc)) { ?> 
<div class="video-desc"><?php echo $item->desc; ?></div> 
<?php } ?> 

更新:

私は<head>タグ

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
    $(document).ready(function() { 
     //<object id='SWFUpload_0'><param name='wmode' value=transparent></param></object> 
     $('object#SWFUpload_0>param[name=wmode]').attr("value","transparent"); 
     //<!--[if IE]><object id='SWFUpload_0'><embed name='wmode' value=transparent></embed><![endif]--> 
     if(!$.browser.msie)$('object#SWFUpload_0').append('<embed wmode="transparent">'); 
}); 
    </script> 

でこのコードを含め、何も変わっていません。

答えて

1

私はSWFUploadのフラッシュボタンで同じ問題を抱えていた:

//<object id='SWFUpload_0'><param name='wmode' value=transparent></param></object> 
$('object#SWFUpload_0>param[name=wmode]').attr("value","transparent"); 
//<!--[if IE]><object id='SWFUpload_0'><embed name='wmode' value=transparent></embed><![endif]--> 
if(!$.browser.msie)$('object#SWFUpload_0').append('<embed wmode="transparent">'); 

は、この問題を解決しました。

+0

このコードはどこに含まれるべきですか?乾杯! – mrGott

+0

$(document).ready(function(){ //ここに }); 参照:http://api.jquery.com/ready/ –

+0

最新の説明をご覧ください。 – mrGott

1

私は、YouTubeビデオのCSSフライアウトで同じ問題が発生しました。私は見つけたthis tutorial "?wmode = transparent"メソッドは私のために働いた。私はSharepointを使用してサイトをデザインし、IE9とChromeで表示しています。

3

私はこの問題の解決策を見つけたと思いますhere。 ビデオURLに?wmode=transparentを入れます。だから、

Iフレームのコードがある場合:

<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM” frameborder=”0″ allowfullscreen></iframe> 

は、以下の行います

<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?wmode=transparent” frameborder=”0″ allowfullscreen></iframe> 

シンプルなYouTubeのiFrameのURL、余分なパラメータなしの1でのみ有効です。追加のパラメータを持つURLについては、Iフレームのコードがあるのであれば&wmode=transparent

を追加します。

<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?rel=0&amp;hd=1″ frameborder=”0″ allowfullscreen></iframe> 

それは次のよう行います

<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?rel=0&hd=1&wmode=transparent” frameborder=”0″ allowfullscreen></iframe> 

それとも安全なアンパサンドを交換する:

<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?rel=0&amp;hd=1&amp;wmode=transparent” frameborder=”0″ allowfullscreen></iframe> 
2

私はjoomlaにyoutubeビデオを埋め込み、ビデオは重複メニューでした。これは私のコードです。

<iframe width="460" height="259" src="//www.youtube.com/embed/2fgLRBismS8" frameborder="0" allowfullscreen></iframe> 

は、その後、私はちょうどSRCコードに?のwmode =透明サフィックスを追加しました。それが問題を解決しました。

<iframe width="460" height="259" src="//www.youtube.com/embed/2fgLRBismS8?wmode=transparent" frameborder="0" allowfullscreen></iframe> 

これも試してください。これがあなたの問題を解決することを願っています。

関連する問題