第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引用代码：

<script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.metadata.js"></script>

<script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.media.js"></script>

<script type="text/javascript">

$(function () {

$('.media').media();

});

</script>

复制代码
HTML代码：

其实这里引入很简单，在引入metadata.js后，只需要在class后加上 media 和width、heigth、type即可！ 如下代码！

<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>

<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