html页面加载flash插件的几种方法（精编版）

1、html页面加载flash插件的几种方法html页面加载flash插件的几种方法前言之所以写这篇文章，主要是因为组长给提的一个新的需 求使用浏览器调用电脑的摄像头，来实现即时拍照的功 能。在网上查了很多资料，由于这样那样的原因，最终选择 了使用 flash插件来调用pc的摄像头。当然，这个需求是基于 b/s架构的，因此，就在想怎么把它嵌入到前端的html页面中。题外话当然，这里还没有考虑到封装，主要是先以实现为目的，后续工作再根据业务进行抽象，封装成通用的组件。好了， 废话不多说， 看重点。 嵌入插件使用object和embed标签代码展示 html view plain copy&l

2、t;span style="font-family:microsoft yahei;"><div style="margin-top:-30px;margin-left:-120px;"> <objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase=" wave/cabs/flash/swflash.cab#version=7,0,0,0"width="490" h

3、eight="390" id="untitled-1"align="middle"><param name="allowscriptaccess" value="samedomain" /><param name="movie" value="cam.swf" /><param name="quality" value="high"

4、/> <param name="bgcolor" value="#ffffff" /><embed src="cam.swf" quality="high" bgcolor="#ffffff"width="490" height="390" name="cam" align="middle" allowscriptaccess="samedomain&

5、quot;type="application/x-shockwave-flash"pluginspage=" er" /></object> </div></span>这种方法用到的是object和 embed标签，可以看到 object的很多参数和embed里面的很多属性是重复的。浏览器兼容性，有的浏览器支持object ，有的支持embed ，这也是为什么要修改flash的参数时两个地方都要改的原 因。这种方法是macromedia一直以来的官方方法，最

6、大 限度的保证了flash的功能，没有兼容性问题。 但现在来看， 它还是存在很大问题的。首先，无法通过验证，由于为了兼容性而嵌入的embed标签是不符合w3c的规范的。 当然， 如果你不在乎什么规范不规范，另当别论。其次，微软由于种种原因，在sp2后限制了ie的 activex的使用模式， 就是在页面中的activex有一个虚框， 需要用户点击一次才能正常交互。flash是作为一个activex嵌入到网页中的， 所以它也会受牵连，只有通过js嵌入flash才能解决这个问题。再次，没有flash版本检测，如果版本浏览器的flash插件版本不够，或者不能正常显示你的swf文件，或者会弹出一个act

7、ivex的确认安装的框这个框对很多 用户来说是很恐怖的。只使用object标签代码展示 html view plain copy<span style="font-family:microsoft yahei;"><div style="margin-top:-30px;margin-left:-120px;"> <object type="application/x-shockwave-flash data="c.swf?path=cam.swf" wi

8、dth="490" height="390"> <param name="cam" value="c.swf?path=cam.swf" /><img src="defqr.png"width="550" height="400" alt="" /> </object></div></span&am

9、p;gt;这种方法只用到了object标签，其实也就是flash satay。由于没有了embed标签，可以通过验证，是标准的嵌入 flash的方法，浏览器兼容性也不错，看起来几乎完美，不过还是有问题的。首先，需要一个holder swf来加载你的目标swf以保证ie中的stream能力，如果你需要通过flashvars来传参，或者和页面的js交互，会很麻烦。其次，和第一种方法一样，也会弹出一个activex的提示框， 没有版本检测。再次，一些低版本的浏览器（如低版本的 safari等）不认同这种方式，对它的兼容性不好。只使用 embed标签代码展示 html view plain copy&

10、amp;lt;span style="font-family:microsoft yahei;"><div style="margin-top:0px;margin-left:-70px;"> <embed id="cam" src="cam.swf" loop="false"menu="false" quality="best" bgcolor="#ffffff" width=&

11、quot;450"height="350" name="webcam" align="middle" wmode="transparent" allowscriptaccess="always" allowfullscreen="false"type="application/x-shockwave-flash"pluginspage=" er" flashvars="width=490&height

12、=390&objid=camer adialog"></div></span>这种方法只用到了embed标签，对比效果来说，还是很不错的，浏览器的兼容性也还不错，都是可以加载的。当然，由于embed标签是不符合w3c 的规范的，所以也不推荐使用这种方法。使用javascript嵌入使用js来加载flash插件，网上已经有很多的方法了，而且也有很多不错的js插件供大家选择。我这里只拿swfobject来简单的介绍一下。首先，你需要下载一个swfobject插件包，该插件包中包含一个js脚本，这个是你需

13、要引入的脚步文件。还包括两个html的例子，大家可以模仿一下。当然，你还可以去swfobject的网站了解一下，网址请点击这里 。代码展示 javascript view plain copy<span style="font-family:microsoft yahei;"><script type="text/javascript" src="swfobject.js"></script> <script type="tex

14、t/javascript">swfobject.registerobject("myid", "9.0.0", "cam.swf"); </script></span> html view plain copy<span style="font-family:microsoft yahei;"><div style="margin-top:-30px;margin-left:-120p

15、x;"> <object id="myid"classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="490" height="390"><param name="movie" value="cam.swf" /> <!-if !ie>-><object type="ap

16、plication/x-shockwave-flash"data="cam.swf" width="490" height="390"> <!-<!endif-><div><h1>alternative content</h1> <p><ahref="src=" ons/get_flash_player.gif" alt="get adobe flash player"/></a></p></div><!-if !ie&