将任意 Flash 对象 wmode 更改为透明

Question

我需要将任意 Flash 对象的 wmode 更改为对外部 js 文件透明，以确保它们在不使用 Jquery 或类似库的情况下不会隐藏菜单。

在 FF 中，我使用 getElementsByTagName("embed") 并设置属性。 看起来效果不错。

具体来说，我在 IE7 中由 swfObject 库设置的 object 遇到问题。

swfObject 在 iE7 中创建以下代码：

<OBJECT id=mymovie height=400 width=134 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>
        <PARAM NAME="_cx" VALUE="3545">
        <PARAM NAME="_cy" VALUE="10583">
        <PARAM NAME="FlashVars" VALUE="">
        <PARAM NAME="Movie" VALUE="imgs/site/tower.swf">
        <PARAM NAME="Src" VALUE="imgs/site/tower.swf">
        <PARAM NAME="WMode" VALUE="Window">
        <PARAM NAME="Play" VALUE="0">
        <PARAM NAME="Loop" VALUE="-1">
        <PARAM NAME="Quality" VALUE="High">
        <PARAM NAME="SAlign" VALUE="">
        <PARAM NAME="Menu" VALUE="-1">
        <PARAM NAME="Base" VALUE="">
        <PARAM NAME="AllowScriptAccess" VALUE="">
        <PARAM NAME="Scale" VALUE="ShowAll">
        <PARAM NAME="DeviceFont" VALUE="0">
        <PARAM NAME="EmbedMovie" VALUE="0">
        <PARAM NAME="BGColor" VALUE="FFFFFF">
        <PARAM NAME="SWRemote" VALUE="">
        <PARAM NAME="MovieData" VALUE="">
        <PARAM NAME="SeamlessTabbing" VALUE="1">
        <PARAM NAME="Profile" VALUE="0">
        <PARAM NAME="ProfileAddress" VALUE="">
        <PARAM NAME="ProfilePort" VALUE="0">
        <PARAM NAME="AllowNetworking" VALUE="all">
        <PARAM NAME="AllowFullScreen" VALUE="false">
</OBJECT>

我尝试了各种可能的方法将 wmode 设置为 transparent 并使 Flash 不隐藏浮动对象，但没有成功，包括但不限于：

1. 搜索OBJECT并将其PARAM wmode更改为transparent。
2. 设置对象的属性(wmode=transparent)
3. 调用对象的SetValue函数

似乎没有工作。 尽管 wmode 似乎发生了变化，Flash 仍然隐藏了其他具有高 z-index 的对象。 我在这里缺少什么？

Answer 1

我已经成功地使用了这个小技巧：

$("embed").attr("wmode", "opaque").wrap('<div>');

它有效地重绘了 Flash 对象，对我有用。

Answer 2

总的来说，Cirday 的解决方案是正确的。 这是一个非 jQuery 版本，适用于 IE、FF 和 Chrome：

var embed = document.getElementsByTagName('embed');
for(var i = 0; i < embed.length; i++){
    embed[i].setAttribute('wmode','opaque');
}
// FF does a "live" array when working directly with elements,
// so "els" changes as we add/remove elements; to avoid problems
// with indexing, copy to a temporary array
var els = document.getElementsByTagName('object');
var obj = [];
for(var i = 0; i < els.length; i++){
   obj[i] = els[i];
}
for(var i = 0; i < obj.length; i++){
    var param = document.createElement('param');
    param.setAttribute('name','wmode');
    param.setAttribute('value','opaque');
    obj[i].appendChild(param);

    var wrapper = document.createElement('div');
    obj[i].parentNode.appendChild(wrapper);

    if(obj[i].outerHTML){
        // IE
        var html = obj[i].outerHTML;
        obj[i].parentNode.removeChild(obj[i]);
        wrapper.innerHTML = html;
    }else{
        // ff/chrome
        obj[i].parentNode.removeChild(obj[i]);
        wrapper.appendChild(obj[i]);
    }
}

Answer 3

当您使用 SWFObject 包含 Flash 时，embedSWF 方法中应该有一个名为“params”的参数。 您可以像这样向其中传递一个对象：

swfobject.embedSwf(blah,blah,blah, { wmode:'transparent'});

更多信息

Answer 4

需要重新发布 Flash 影片才能更改 wmode 参数的说法是不正确的 - 这是一个神话：

http://www.communitymx.com/content/article.cfm?cid=E5141

我有同样的菜单问题，我需要一些代码将 wmode 参数添加到正在调用的任何 flash 对象JavaScript。

我认为原始帖子与此相关，但我不确定从哪里开始并且需要更多信息。

Answer 5

我几乎 100% 确定您无法在运行时更改 wmode 参数。 我的意思是，技术上可以，但不会有任何效果。 事实上，我对你的成功尝试感到惊讶。 您尝试成功的 Flash 播放器版本和浏览器是什么？

很抱歉，我找不到任何官方链接来证明我的观点，但我会给您留下这个关于 wmode 如何工作的非常有趣的链接（更新到播放器 10）：

GPU 加速是什么意思？

干杯，

Juan