Youtube Video Floats over my menu

我正在建立一個頁面，我的Youtube視頻頻道視頻將被顯示。Youtube Video Floats over my menu

這是我的代碼的外觀。

當顯示視頻時，位於CSS/Javascript菜單上方。

我試過z-index和position：relative，但它沒有幫助。在堆棧溢出時，我發現另一個溶劑http://youtubelink，並在結尾& wmode =不透明，但它沒有幫助。

也許有人可以給我一個合適的溶劑。謝謝。

<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>

，但什麼都沒有改變這個代碼。

來源

2011-12-22 mrGott

我在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">');

這解決了這個問題。

來源

2011-12-22 12:35:41

它可能聽起來很愚蠢，但該代碼應包含在哪裏？乾杯! – mrGott 2011-12-22 15:59:38

$（document）.ready（function（）{ // here }）; 請參閱：http://api.jquery.com/ready/ – 2011-12-22 16:10:52

請參閱我的更新說明。 – mrGott 2011-12-25 22:23:22

我的CSS彈出窗口顯示在YouTube視頻下的問題相同。我發現this tutorial「？wmode = transparent」方法適用於我。我使用Sharepoint來設計網站並在IE9和Chrome中查看它。

來源

2012-01-17 16:31:56 deathbunny

我想我找到了解決這個問題的辦法here。它涉及將?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這僅適用於，一個沒有任何額外的參數。對於額外參數的URL，加&wmode=transparent

因此，如果I幀代碼：

<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>

來源

2012-01-26 09:30:15 Gaelen

我在joomla中嵌入了youtube視頻，視頻是重疊菜單。這是我的代碼。

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

然後我剛添加？WMODE =透明後綴到src代碼。它解決了這個問題。

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

你也應該試試這個，我希望這會解決你的問題。

來源

2014-01-09 07:36:00 user3162011

Youtube Video Floats over my menu

回答

相關問題