在网页中插入flash的方法

1.推荐  jQuery插件---SWFObject   (jQuery-SWFObject-1.1.1.js)

如果你要在网页中嵌入flash的话,需要插入一堆的html代码,后来有人就开发出了SWFObject, 是一个用于在HTML中方便插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种 主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。但我认为SWFObject使用起来依然不够方便,后来发现了 jquery.swfobject,发现一起都是那么简单!

基本用法:$(“#myDiv”).flash(‘myflash.swf’);

代码例子:在id 为 flash的 div层中 插入 flash
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jQuery-SWFObject-1.1.1.js"></script><!--flash插件-->
<script type="text/javascript" charset="utf-8"> 
$(document).ready(function () { 
    $('#flash').flash(   {   swf: 'test.swf',width:900,height:600  }); 
  }); 
</script> 
<div id="flash"></div>

2.使用  js插件---SWFObject   (swfobject2.2.js)  

 ps:下面一段摘抄自:http://blog.sina.com.cn/s/blog_8e53542101015k8e.html

什么是swfobject.js ?
swfobject 是利用Javascript 插入flash的小脚本,
可以使HTML代码简洁,并且能通过W3C验证。

使用方法:
目前最新的2.2版本加载Flash只需要一行代码:

<script type=”text/javascript” src=”swfobject.js”></script>
<script type=”text/javascript”>
swfobject.embedSWF(“flash.swf”, “flash_div_id”, “300″, “150″, “9.0.0″, “expressInstall.swf”);
</script>
<div id=”flash_div_id”>

详细使用方法请参考官方文档。

swfobject.js v2.2 有一个小bug就是不能插入背景透明效果的flash,
不过没关系,我们把它DIY一下,
首先分析透明flash的原理就是增加以下代码:

<param name=’wmode’ value=’transparent’ />

那么我们用文本编辑器打开swfobject.js,查找代码:

aa.outerHTML=’<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″‘+ah+”>”+af+”</object>”;

替换为:

aa.outerHTML=’<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″‘+ah+”>”+af+”<param name=’wmode’ value=’transparent’ /> </object>”;

就是这么简单。 

swfobject官方地址:http://code.google.com/p/swfobject/


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值