如何以跨浏览器兼容的方式将Flash巧妙地嵌入页面中?


8

当我从设计师那里收到Flash对象时,它附带一个示例HTML页面,其中包含<object>标签和<embed>标签,以及一整堆JavaScript。如果我将此代码复制并粘贴到我的网页中,则可以正常工作,但是代码看起来一团糟(而且有很多!)。如果我删除多余的代码,并尝试要么只是<embed>还是<object>靠自己,它工作在一些浏览器,而不是其他。

是否有一种适用于所有主要浏览器的简洁,最少的方法?


1
可能想尝试StackOverflow,可以在该问题上找到更好的答案。
凯文

公平点-SO搜索已经发现了这个问题:stackoverflow.com/questions/2254027/… 但是,我想大多数网站管理员都会问这个问题,而不是StackOverflow,所以我将通过以下链接自动解答SO问题。
Mark Hatton 2010年

Answers:


5

SWFObject是您要找的东西。这是一个JavaScript库,可以完成所有跨浏览器的繁重工作。只需在页面中包含JavaScript文件,在源文件中创建要替换的元素,然后告诉swfobject该元素的名称和.swf文件的路径即可。

剩下的事。

<script type =“ text / javascript” src =“ swfobject.js”> </ script>
<script type =“ text / javascript”>
    / *路径,替换元素,宽度,高度,最小Flash版本* /
    swfobject.embedSWF(“ myContent.swf”,“ myContent”,“ 300”,“ 120”,“ 9.0.0”);
</ script>

这就是您所需要的。好吧,那个和上面带有一个元素(通常是一个divid="myContent"。具有该ID的元素将被您当前浏览器偏爱的任何嵌入标签设置替换。

文档很棒,您将立即启动它并开始运行。如果遇到任何障碍,请再问一个问题。


4

在StackOverflow上已经有一些很好的答案:https ://stackoverflow.com/questions/2254027/which-browsers-support-the-embed-and-object-tags



0

您可以使用以下资源之一:

Flash Embedding Cage Match-详细讨论了这些问题,并提出了一些解决方法以及它们的优缺点。

swfobject库 [推荐] -从以上文章中汲取灵感,并添加以上文章作为练习使用的功能。

SWFObject 2 HTML和JavaScript生成器 -是一个向导,可生成swfobject标记(HTML和JavaScript)。您可以通过选择“静态发布”来放弃swfobject,然后从生成的标记中删除所有JavaScript标签。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.