个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
27
4
我正在构建一个页面，其中将显示我的 Youtube 视频 channel 视频。
这是我的代码的样子。
显示视频时，它们位于我的 CSS/Javascript 菜单上方。
我尝试了 z-index 和 position:relative 但没有用。在堆栈溢出时，我发现了另一个解决方案 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>
但没有任何改变。
最佳答案
我想我找到了这个问题的解决方案 here .它涉及将 ?wmode=transparent 放在视频 URL 中。
所以如果 i-frame 代码是:
<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，添加 &wmode=transparent
所以如果i-frame代码是:
<iframe title=”YouTube video player” width=”525″ height=”325″ src=”http://www.youtube.com/embed/ucowE8dtNqM?rel=0&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&hd=1&wmode=transparent” frameborder=”0″ allowfullscreen></iframe>
关于flash - Youtube 视频漂浮在我的菜单上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8603794/
27
4
0
我有一个空的水平布局，我动态地填充了三个 child 。这是一个纸牌游戏，因此此布局会动态填充具有图像集的 QLabel 子项。当我点击一张卡片来播放它并将其移动到屏幕中央时，我希望其他卡片的位置保持
我正在尝试通过膨胀并使用 FragmentTransaction 将其添加到 Activity 来动态创建一个 float Fragment。 当我将它添加到容器(添加到我在容器中为它创建的 Fram
这个问题在这里已经有了答案: CSS3 Flex: Pull child to the right (1 个回答) 关闭 5 年前。
我的应用程序有 1 个父框和 2 个子框 (divs)。此时，子框出现在彼此下方 This is b This is c .a{border:solid;width:30
是否可以在不单独指定每种类型的情况下对所有上述类型进行扩展？ 例如，这是Double的扩展: extension String { init?(_ value: Double?) { if
Due to rounding errors, most floating-point numbers end up being slightly imprecise. https://www.flo
我是一名优秀的程序员,十分优秀！