我一直在努力嵌入一个SWF视频,因此它的跨浏览器友好。此刻我一直在使用Kroc Camen's method。所以我将视频转换为mp4,ogv并创建了一个img作为一个后果图像,如果没有支持。
我遇到的问题是图像只填充了500x500总分辨率的一半。在使用SWF文件之前,背景被视为透明,并且未看到白色背景。现在它会产生令人不安的效果,但它与背景不匹配。你能告诉我如何进行推荐吗?如何使该背景在所有格式中都透明?
它给了我一个很好的头痛:S
答案 0 :(得分:1)
对此有one解决方案,但我认为在这种情况下实施起来非常困难,我建议只将页面背景设为白色。
您可能需要查看此问题:Can I have a video with transparent background using HTML5 video tag?
答案 1 :(得分:0)
由于技术原因,我的问题似乎没有答案。看起来他们还没有发明一个系统来拥有透明的视频背景。 SWF现在支持它,所以它们是我唯一的选择。如果有人找到另一个解决方案,请告诉我。
最后,我的解决方案是一个解决方案。对于Ipad,我创建了Flash内容,其中包含动画图像的后备。这意味着使用其他设备,他们将能够看到动画,但不能看到动画本身。因此,我创建了以下“解决方案”:
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="500" id="ani.rosa1">
<param name="movie" value="_swf/ani-rosa.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="_swf/ani-rosa.swf" width="500" height="500">
<param name="movie" value="_swf/ani-rosa.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<img src="_swf/ani.rosa1.png" alt="Get Adobe Flash player" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>