YouTube 视频从 Iframe 转到顶部

发布于 2024-09-28 07:39:27 字数 210 浏览 7 评论 0原文

我有一个带有 iframe 的页面，显示覆盖整个页面的外部网站，顶部有一个包含一些内容的 div，类似于谷歌图像新界面。如果 iframe 中包含的页面中有一个 YouTube 视频，它会覆盖主页中的内容，因为 iframe 中的页面来自外部网站，因此无法在其上设置 wmode 透明。

有没有办法控制 iframe 内的 flash 分层？

谢谢

朱塞佩

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沧桑㈠ 2024-10-05 07:39:27

您只需更改 iframe 的 src 值，如下所示：

$('iframe').each(function() {
    var fixed_src = $(this).attr('src') + '&wmode=transparent';
    $(this).attr('src', fixed_src);
});

*注意：这是特定于 YouTube 的 iframe 嵌入代码。

You just need to change the iframe's src value like so:

$('iframe').each(function() {
    var fixed_src = $(this).attr('src') + '&wmode=transparent';
    $(this).attr('src', fixed_src);
});

*Note: This is specific to YouTube's iframe embed code.

回复收藏 0 原文

ゝ偶尔ゞ 2024-10-05 07:39:27

添加 ?，而不是 &。 “?wmode=透明” 例如：

<iframe width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" frameborder="0" allowfullscreen></iframe>

Add a ?, not the &. "?wmode=transparent" For example:

<iframe width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" frameborder="0" allowfullscreen></iframe>

回复收藏 0 原文

你的往事 2024-10-05 07:39:27

由于您已经发布这个问题相当长一段时间了，我想知道您是否知道答案。

无论如何，您可以尝试使用 javascript 更改 wmode（使用 jquery 会更简单，;)）

尝试此代码：

if ($('embed').length){
    $('embed').attr('wmode', 'transparent').wrap('<div>');
}

或者如果它无法识别 iframe 内的嵌入对象，您可以尝试：

if ($('iframe embed', parent.document).length){
    $('iframe embed', parent.document).attr('wmode', 'transparent').wrap('<div>');
}

Since you have posted the question for quite a while I wonder if you had known the answer.

Anyway, you could try to change the wmode using javascript (using jquery would be much simpler, ;))

try this code:

if ($('embed').length){
    $('embed').attr('wmode', 'transparent').wrap('<div>');
}

or if it doesn't recognize the embedded object inside the iframe, you could try:

if ($('iframe embed', parent.document).length){
    $('iframe embed', parent.document).attr('wmode', 'transparent').wrap('<div>');
}

回复收藏 0 原文

兔小萌 2024-10-05 07:39:27

只需在 YouTube 嵌入式 iframe src 属性末尾添加 &wmode=transparent 即可。您可以稍后使用 jQuery 更改 src，但为什么要让页面加载错误的内容，然后更改它以便重新加载正确的内容呢？只需编辑 HTML 即可。

回复收藏 0 原文

多情出卖 2024-10-05 07:39:27

只需将 id 与其余属性一起添加到您的 iframe 中，如下所示

<iframe id="ytplayer" width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" allowfullscreen="" type="text/html" wmode="Opaque"  frameborder="0" wmode="Opaque"></iframe>`

Just add also id together with the rest of the attributes to your iframe as shown below

<iframe id="ytplayer" width="697" height="400" src="http://www.youtube.com/embed/IgvDkflXVuw?wmode=transparent" allowfullscreen="" type="text/html" wmode="Opaque"  frameborder="0" wmode="Opaque"></iframe>`

回复收藏 0 原文

~没有更多了~