网页嵌入Flash的两种方式

说成三种也可以,因为第一种倒是可以分为两类。所有内容均收集于网络,学习之用。

使用object和embed标签嵌入flash

典型代码如下:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" /> 
<param name="movie" value="mymovie.swf" /> 
<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="mymovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

这种方法是使用objectembed标签来嵌入,其中“D27CDB6E-AE6D-11CF-96B8-444553540000”是类ShockwaveFlash的GUID,定义一个id为Mp3Player的类实例。object的很多参数和embed里面的很多属性是重复的,这是为了浏览器的兼容性,有的浏览器支持object,有的支持embed,这也是为什么要修改 Flash 的参数时两个地方都要改的原因。

缺点就是:embed标签是 Netscape 的私有标签,虽然 embed 标签应用广泛存在,但是从HTML3.2,HTML4.0到XHTML1.0,W3C都没有收录这个标签。因此使用embed标签的页面将不能通过W3C校验。另一方面,虽然只使用object标签可以通过验证,但是在盗版泛滥的中国,多数用户仍然在使用windows xp系统上自带的IE6浏览器,而它是不支持object标签的。

update: 目测两种方式基本上都没什么问题了,而现在已经是HTML5的天下了。

使用js嵌入,如SWFObject

  SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。
  下面是一个最简单的范例,其中 DIV结点内的所有内容都会在客户端被Flash资源替换:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">
This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
so.write("flashcontent");
</script>

参考网址:
你在骗W3C,还是在骗自己的客户?
百度百科:SWFObject

已有 28 条评论
  1. :mrgreen: 第一个方法前段时间还在本地wp上使用了呢,不知道有没有让flash不自动播放的方法?

    1. zhy zhy

      @bobsheep播发器一般都有autoplay可以控制,我侧边栏这个时钟就没办法不让他自动“播放”了

  2. 貌似优酷,土豆那些分享用的就是第一个

    1. zhy zhy

      @Forsaken现在绝大多数都是这个

  3. 我想用html5的那个.

    1. zhy zhy

      @littlebearchrome是支持直接播放MP3和MP4了,界面也还漂亮,但等都支持html5还早呢—有篇文章叫html5视频格式之争,讲的有道理的呢~~

  4. 好像是,试试看

  5. 羡慕这种效果,却没时间折腾

  6. 博主,你好!
    经常在您的博客上评论,想做个调查,请您一定参与,谢谢。
    具体内容,请参考:http://www.ropean.org/SEO/Spam.htm
    感谢您的配合!

  7. 我觉得各有各的好处吧~

    1. zhy zhy

      @集趣我引用的中间那片文章就说“所以我想表述的观点是:
      目前,IE6普及的大环境下,暂时不要考虑W3C标准。用心做好自己的页面,能少写几行代码就少写几行代码。不要为了标准去做标准。”——还是有道理的

  8. 俺有兼容W3C的代码,我那全站通过W3C和CSS2.1、3.0的 :lol:

  9. 啊 你评论框不能插入代码哦。。 :!:

  10. 再试下 看看有发布不? 备注下我那的地址算了。

  11. 俺变灌水了 奇怪你这里装了/wp-syntax,可评论里面不能加入,5555 俺HTTP地址也发不了? 那这样可以了不 skyoy.com/w3c.html

    1. zhy zhy

      @Skyoy看我下面这个,可以的啊,我现在懒得去管W3C,那个好用用哪个 :idea:

  12. zhy zhy
    #include iostream.h cout
  13. 不是很喜欢flash,因为搜索不喜欢他

  14. [...] 下面是我收集的一些Flash Mp3 Player,都很适合博客使用,欢迎试用 网页插入Flash的的代码大体都差不多,我只贴出少数几个,关于嵌入方式请看:网页嵌入Flash的两种方式 [...]

  15. Casino 1274312668...

    Casino 1274312668...

  16. [...] 下面是我收集的一些Flash Mp3 Player,都很适合博客使用,欢迎试用(Flash很多,请等待)。 网页插入Flash的的代码大体都差不多,我只贴出少数几个,关于嵌入方式请看:网页嵌入Flash的两种方式 [...]

  17. 第二段代码没用过,第一段不兼容部分浏览器。 :razz:

    1. zhy zhy

      @朵未第一段object和embed都用了,基本上通吃了,只是通不过W3C验证啊 :?:

  18. 这个有什么用处

    1. zhy zhy

      @长岛冰泪第二种对搜索引擎更友好——趋势吧

添加新评论