【问题标题】:SWF video embedded with no transparent background嵌入不透明背景的 SWF 视频
【发布时间】:2013-01-10 12:36:11
【问题描述】:

我一直在努力嵌入 SWF 视频,以便其跨浏览器友好。此时我一直在使用Kroc Camen's method。所以我将视频转换为 mp4、ogv 并创建一个 img 作为辐射图像(如果不支持)。

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

这让我很头疼:S

【问题讨论】:

标签: html video flash transparency


【解决方案1】:

对此有one 的解决方案,但是我认为在这种情况下实施起来会非常困难,我建议您将页面的背景设置为白色。

你不妨看看这个问题:Can I have a video with transparent background using HTML5 video tag?

【讨论】:

  • 感谢您的帮助。经过调查,也许它不那么值得。目前它只适用于 Firefox3.5。看来,唯一可能的解决方案是发布具有透明度的 SWF 并使用图像作为后备。这意味着不支持 flash 的 IOS 设备将有图像,因此没有动画。如果有人还有任何建议,请告诉我...
  • 不客气!我希望浏览器更新会添加这一点,允许更多的网络进行交互,而不需要像 flash 这样的第三方工具。
【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多