描述: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