html - 嵌入无透明背景的 SWF 视频

Question

我一直在努力嵌入 SWF 视频，以便其跨浏览器友好。此时我一直在使用Kroc Camen 的方法。因此，我将视频转换为 mp4、ogv 并创建一个 img 作为辐射图像（如果不支持）。

我遇到的问题是图像仅占总分辨率 500x500 的一半。在使用 SWF 文件之前，背景被视为透明并且看不到白色背景。现在它会产生令人不安的效果，并且与背景不匹配。你能给我建议如何进行吗？如何使该背景在所有格式中都是透明的？

它让我很头疼：S

Answer 1

有一个解决方案，但是我认为在这种情况下很难实现，我建议只将页面背景设置为白色。

您可能想看看这个问题：我可以使用 HTML5 视频标签制作具有透明背景的视频吗？

Answer 2

由于技术原因，我的问题似乎没有答案。似乎他们还没有发明一种系统来让视频具有透明背景。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>