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

回答

相关问题