Google Chrome 中的 Flash 透明背景动画问题答案

【问题标题】：Flash transparent background animation issue in Google ChromeGoogle Chrome 中的 Flash 透明背景动画问题
【发布时间】：2014-03-06 14:01:21
【问题描述】：

我正在处理 wordpress 项目，我已经嵌入了一个 Flash 播放器，它在 Fire Fox、Opera、IE9 + IE10 中工作，但在 Google Chrome 动画中不起作用。如果有人知道如何解决这个问题，请告诉我。

<link href="http://banditbuster.com/wp-content/themes/banditbuster/style.css" rel="stylesheet" media="all" type="text/css" />

<!--[if !IE 10]><html id="ie10" <?php language_attributes(); ?><![endif]-->


<div class="main-content flash" style="float: left; width: 100%;" align="center">

<a style="margin-left: -48px; text-decoration: none;" href="home-2"><img alt="" src="http://banditbuster.com/wp-content/themes/banditbuster/images/enter1.png" width="216" height="62" /></a>
<div class="main-intro" style="border-radius: 10px;">
<div style="float: left; width: 100%;">
<div class="fottext" style="position: absolute; margin-top: 36%; text-align: center; width: 100%;"><a style="text-decoration: none;" href="how-bandit-buster-works"><strong style="color: red;"><span style="font-size: xx-large;"> "BANDIT BUSTER SECURITY SYSTEM"</span> </strong></a>
<strong style="color: red;"><span style="font-size: x-large;"> "IF YOU CAN'T SEE IT, SOMEONE CAN AND WILL STEAL IT"</span> </strong></div>

<object id="FlashID" style="border-radius: 10px;" width="1100" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">


<param name="quality" value="high" /><param name="wmode" value="transparent"   /><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/expressInstall.swf" /><param name="src" value="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" />
<embed src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" quality="high" bgcolor="#ffffff"width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> 
</embed> 
</object >

</div>
</div>
</div>

【问题讨论】：

我不明白FlashID2、FlashID3 等... 为什么你同时使用带有<object><embed> 块的SWFObject？
来自 Chrome 控制台：Uncaught SyntaxError: Unexpected token < banditbuster.com/:6

标签： wordpress flash cross-browser

【解决方案1】：

在您的源代码中，您有一个未闭合的标签...

<script type="text/javascript"  href="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/swfobject_modified.js" </script>

应该是

<script type="text/javascript"  href="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/swfobject_modified.js"></script>

【讨论】：

你说的是哪一行
您的代码不工作我得到了解决方案，现在它工作正常。
您仍然需要关闭该标签
查看我新发布的答案，你说的哪一行代码我不明白，你会详细说明。

【解决方案2】：

以下代码适用于 IE9 +10、firefox、chrome、opera 浏览器的具有透明背景的 Flash 嵌入动画。

<!--[if IE 10]><html id="ie10" <?php language_attributes(); ?><![endif]-->
<!--[if firefox]><html id="firefox" <?php language_attributes(); ?><![endif]-->
<!--[if ! chrome]><html id="chrome" <?php language_attributes(); ?><![endif]-->
 <object id="FlashID" style="border-radius: 10px;" width="1100" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="wmode" value="transparent"/><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/expressInstall.swf" /><param name="src" value="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" />
 <embed id="FlashID" src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" wmode="transparent"  quality="high" width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
     </embed> 
     </object >
    <!--[if firefox]>
    <embed id="FlashID" src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" wmode="transparent"  quality="high" width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
    </embed> 
    <![endif]-->

【讨论】：