jQuery 对话框顶部的 Flash

Question

我知道很多人都问过这个问题，但我认为我的情况有点不同。

我有一个网站，其中有一些广告，由于 xhtml/html 兼容性问题，这些广告被 Flash 隐藏。但 flash 元素位于我的 jQuery 对话框之上，这并不理想。

一些解决方案建议将 wmode 设置为不透明，但我不能，因为我的广告是输出 flash 元素的脚本。

另一种解决方案建议在显示对话框时隐藏广告。所以我的问题是：有没有一种方法可以将 Flash 内容放在我的 jQuery 对话框后面，同时它们可见并且不更改 Flash 代码？

此致， Lasse Espeholt

更新： 我现在已经用赏金重新回答了这个问题。就目前而言，我隐藏了“显示对话框”上的所有 Flash 广告。但这仍然不是最佳解决方案。因此，我正在寻找一个可以使每个 Flash 动画变得不透明的脚本（jQuery 解决方案最好，但普通的 JavaScript 解决方案也可以）。或者，如果这个问题中没有讨论另一个解决方案，我会很高兴听到它:)

更新 2： 到目前为止，我已经制作了这个脚本：

function opaqueAllFlashMovies() {
    // Embed Flash movies
    $('embed[wmode!="opaque"]').attr('wmode', 'opaque').wrap('<div>');

    // Object flash movies with a wmode param
    $('object[classid$="-444553540000"] parem[wmode]').attr('value', 'opaque');
    // Object flash movies without a wmode param
    $('object[classid$="-444553540000"]').not('param[wmode]').append('<param name=\'wmode\' value=\'opaque\'/>').wrap('<div>');
}

它可以在 FF 和 Chrome 中运行，但不能在 IE 中运行。显然， .append 失败了。有什么想法吗？

Answer 1

除非将 wmode 设置为不透明（或透明），否则不能将 HTML 放在 Flash 前面。

使用默认的 wmode（“窗口”），Flash Player 接管其区域中的所有渲染和用户交互。因此浏览器无法在该区域显示任何 HTML。 wmode=“opaque”（或 wmode=“transparent”）的作用是禁用此默认行为，并将 Flash Player 区域集成到浏览器通常的渲染和分层等中。

但是您不需要更改任何 Flash 内容来设置 wmode，因为它是在 HTML 中完成的（或通过 SWFObject 或插入 Flash 对象元素的其他脚本），因此如果您可以控制“输出 flash 元素的脚本”您提到的，您可以在那里处理 wmode 设置。

Answer 2

我想我有一个解决方案。使用 jquery-ui 对话框，花了好几个小时试图解决这个问题 - 对我来说很有效，

逻辑是如果我不能让 jquery 走在前面，就让所有 flash 内容返回。研究将我带到了这个链接 - 终于它起作用了。

如何以编程方式将所有

function makeObjectsOpaque3() {
    var elementToAppend = document.createElement('param');
    elementToAppend.setAttribute('name', 'wmode');
    elementToAppend.setAttribute('value', 'opaque');
    var objects = document.getElementsByTagName('object');
    for(var i = 0; i < objects.length; i++) {
        var newObject = objects[i].cloneNode(true);
        elementToAppend = elementToAppend.cloneNode(true);
        newObject.appendChild(elementToAppend);
        objects[i].parentNode.replaceChild(newObject, objects[i]);
    }
}

window.onload = makeObjectsOpaque3;

和

if(window.onload) {
    var onLoad = window.onload;
    window.onload = function() {
        onLoad();
        makeObjectsOpaque3();
    };
} else {
    window.onload = makeObjectsOpaque3;
}

Answer 3

在 Flash 加载后，使用 javascript 手动将 wmode 设置为不透明怎么样？

Answer 4

我刚刚阅读了这篇文章，并尝试在对象标签中添加参数 wmode="opaque" 。它适用于 IE 8。如果我的帖子太晚了，我很抱歉。

Answer 5

在谷歌上搜索“iframe shim”。
基本上，将 iframe 放在 html 后面会将其置于 Flash 内容之上（忽略 wmode 设置）。

再见