嵌入了没有透明背景的SWF视频

时间:2013-01-26 19:15:13

标签: html5 video flash transparency

我一直在努力嵌入一个SWF视频,因此它的跨浏览器友好。此刻我一直在使用Kroc Camen's method。所以我将视频转换为mp4,ogv并创建了一个img作为一个后果图像,如果没有支持。

我遇到的问题是图像只填充了500x500总分辨率的一半。在使用SWF文件之前,背景被视为透明,并且未看到白色背景。现在它会产生令人不安的效果,但它与背景不匹配。你能告诉我如何进行推荐吗?如何使该背景在所有格式中都透明?

enter image description here

它给了我一个很好的头痛:S

2 个答案:

答案 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>
相关问题