第27款插件:第22款插件:jquery.media.js 媒体播放插件,它也可以放入网页等其他元素

描述:jquery.media.js 是一个在网页中嵌入多媒体文件的插件,必须使用与其类型一致的HTML标签,此插件设置与指定的多媒体类型一致的标签 。
图片展示:




兼容浏览器:
IE6+/Firefox/Google Chrome
官方链接: http://malsup.com/jquery/media/
JS下载: http://ijquery.360sites.cn/js/jquery.media.js
注:需要事先引用jquery.metadata.js插件,
此插件本站下载地址:http://ijquery.360sites.cn/js/jquery.metadata.js
官方下载地址: http://plugins.jquery.com/project/metadata
预览: http://ijquery.360sites.cn/demo/media
打包下载:http://ijquery.360sites.cn/demo/media/media.zip
参数说明:

JS引用代码:

  1. <script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery-1.4.2.min.js"></script>
  2. <script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.metadata.js"></script>
  3. <script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.media.js"></script>
  4. <script type="text/javascript">
  5. $(function () {
  6. $('.media').media();
  7. });
  8. </script>
复制代码
HTML代码:
其实这里引入很简单,在引入metadata.js后,只需要在class后加上 media 和width、heigth、type即可! 如下代码!
  1. <a class="media {width:560, height:340, type:'swf'}" href="http://www.tudou.com/l/XCrRfyUdOTI/&resourceId=0_04_05_99& iid=160741891/v.swf">土豆视频 (SWF)</a>
  2. <a class="media {width:700, height:380, type:'html'}" href="http://www.baidu.com">百度 html</a>
复制代码

[转] http://ijquery.360sites.cn/forum.php?mod=viewthread&tid=27

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值