如何在HTML页面中嵌入SWF文件?

时间:2008-09-26 01:52:12

标签: html embed flash

如何在HTML页面中嵌入SWF文件?

15 个答案:

答案 0 :(得分:172)

将SWF嵌入HTML页面的最佳方法是使用SWFObject

这是一个简单的开源JavaScript库,易于使用且标准友好,可嵌入Flash内容。

它还提供Flash播放器版本检测。如果用户没有所需的Flash版本或禁用了JavaScript,他们将看到备用内容。您还可以使用此库来触发Flash播放器升级。用户升级后,将重定向回页面。

文档中的一个例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>SWFObject dynamic embed - step 3</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="swfobject.js"></script>

    <script type="text/javascript">
        swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
    </script>

  </head>
  <body>
    <div id="myContent">
      <p>Alternative content</p>
    </div>
  </body>
</html>

与此一起使用的一个好工具是SWFObject HTML和JavaScript generator。它基本上生成了使用SWFObject嵌入Flash所需的HTML和JavaScript。附带一个非常简单的UI,供您输入参数。

强烈推荐并且使用起来非常简单。

答案 1 :(得分:124)

<object width="100" height="100">
    <param name="movie" value="file.swf">
    <embed src="file.swf" width="100" height="100">
    </embed>
</object>

答案 2 :(得分:13)

简单的HTML5代码嵌入怎么样?

<!DOCTYPE html>
<html>
<body>

<embed src="anim.swf">

</body>
</html>

答案 3 :(得分:12)

这适用于根环境的应用程序。

<object type="application/x-shockwave-flash" data="/dir/application.swf" 
id="applicationID" style="margin:0 10px;width:auto;height:auto;">

<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->

<!-- ↓ Required paramter or not, depends on application -->
<param name="FlashVars" value="" />

<param name="quality" value="high" />
<param name="menu" value="false" />

</object>

应该/可以添加附加参数,这取决于.swf它自己。 没有嵌入,只有对象和其中的参数,因此,它仍然有效,在任何地方都可以工作和使用,无论是哪种!DOCTYPE都是关于它的。 :)

答案 4 :(得分:8)

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" 
style="width:640px;height:480px;margin:10px 36px;">

<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="menu" value="false" />

</object>

答案 5 :(得分:7)

如果您使用其中一个js库来插入Flash,我建议在<noscript/>内添加plain object embed标记。

答案 6 :(得分:2)

我使用http://wiltgen.net/objecty/,它有助于嵌入媒体内容并避免IE“点击激活”问题。

答案 7 :(得分:2)

如上所述SWF对象很棒。 UFO也值得一看

答案 8 :(得分:2)

这个会奏效,我相信!

<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">

答案 9 :(得分:1)

什么是'最好'的方式?像“最有效”,“最快的渲染”等词语更具体。无论如何,我提供了一个替代答案,可以帮助我大部分时间(无论是否'最佳'是无关紧要的。)

替代回答:使用iframe。

即,在服务器上托管SWF文件。如果将SWF文件放在root或public_html文件夹中,则SWF文件将位于www.YourDomain.com/YourFlashFile.swf

然后,在index.html或其他任何地方,将上述位置链接到您的iframe,无论您将iframe放在哪里,它都会显示在您的内容周围。如果你可以在那里放一个iframe,你可以在那里放一个SWF文件。使iframe尺寸与SWF文件相同。在下面的示例中,SWF文件为500 x 500。

伪代码:

<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>

上面的HTML代码行将嵌入您的SWF文件。不需要其他混乱。 优点:符合W3C标准,页面设计友好,无速度问题,极简主义方法。
缺点:在浏览器中启动时,SWF文件周围会出现空白区域。

这是另一个答案。是否“最佳”答案取决于您的项目。

答案 10 :(得分:1)

我知道这是一个老问题。但这个答案对现在来说会很好。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>histo2</title>
        <style type="text/css" media="screen">
        html, body { height:100%; background-color: #ffff99;}
        body { margin:0; padding:0; overflow:hidden; }
        #flashContent { width:100%; height:100%; }
        </style>
    </head>
    <body>
        <div id="flashContent">
            <object type="application/x-shockwave-flash" data="histo2.swf" width="822" height="550" id="histo2" style="float: none; vertical-align:middle">
                <param name="movie" value="histo2.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffff99" />
                <param name="play" value="true" />
                <param name="loop" value="true" />
                <param name="wmode" value="window" />
                <param name="scale" value="showall" />
                <param name="menu" value="true" />
                <param name="devicefont" value="false" />
                <param name="salign" value="" />
                <param name="allowScriptAccess" value="sameDomain" />
                <a href="http://www.adobe.com/go/getflash">
                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                </a>
            </object>
        </div>
    </body>
</html>

答案 11 :(得分:0)

如果您熟悉,可以使用JavaScript:

swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");

- 9.0.0是flash版本。

或者您可以使用HTML5的<object>标记。

答案 12 :(得分:0)

这对我有用:

    <a target="_blank" href="{{ entity.link }}">
        <object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;">
            <param name="quality" value="high">
            <param name="play" value="true">
            <param name="LOOP" value="false">
            <param name="wmode" value="transparent">
            <param name="allowScriptAccess" value="true">
        </object>
    </a>

答案 13 :(得分:0)

Thi可在IE,Edge,Firefox,Safari和Chrome上运行。

<object type="application/x-shockwave-flash" data="movie.swf" width="720" height="480">
            <param name="movie" value="movie.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#000000" />
            <param name="play" value="true" />
            <param name="loop" value="true" />
            <param name="wmode" value="window" />
            <param name="scale" value="showall" />
            <param name="menu" value="true" />
            <param name="devicefont" value="false" />
            <param name="salign" value="" />
            <param name="allowScriptAccess" value="sameDomain" />
            <a href="http://www.adobe.com/go/getflash">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
            </a>
        </object>

答案 14 :(得分:0)

使用<embed>元素:

<embed src="file.swf" width="854" height="480"></embed>