• 本站压缩包统一解压密码:crowsong.xyz
  • 请善用右上角的搜索功能和下方的标签功能
  • 文章存在时效性,请注意发布时间与最后修改时间

jQuery.media.js的使用方法

JavaScript 水之笔记 5年前 (2018-08-03) 最后修改:4年前 (2019-05-07) 527次浏览 0个评论

该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF 等,前提条件是客户端浏览器中装有相应的插件。
该插件主要是将<a>标签转化为<div>,同时生成适合不同类型多媒体文件播放的<Object>对象,起到解析翻译的过程,从而达到多媒体播放的效果。转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。


官方网址:http://malsup.com/jquery/media/
GitHub 地址:https://github.com/malsup/media/tree/master
下载地址:
jquery.media.rar:点击下载,解压密码:crowsong.xyz


首先要引入 js 文件

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>  
<script type="text/javascript" src="jquery.media.js"></script>

其次添加页面加载完毕后需要执行的 js 代码,以预览 PDF 为例:

<script type="text/javascript">  
$(function() {  
    $('.pdf1').media(width:450, height:350,autoplay: true,src=\'#\'" /upload/pdf/${pdfFile}');  
});  
</script>

最后添加 HTML 代码:

<body>
    <div class="pdf"></div>
</body>


本文章笔记版本地址:http://fromwiz.com/share/s/3cTmX51TMQ-b2QTact03UPg83pQJrk2udQRe2pbHlC11lOnr


水之笔记 , 版权所有丨如未注明 , 均为原创丨转载请注明出自 水之笔记的博客 crowsong.xyz
小站不易,若您觉得文章对您有所帮助,您可以在网页右上方使用支付宝赞助下小站或者扫描下支付宝红包。
喜欢 (3)
发表我的评论
取消评论

表情 加粗 删除线 居中 斜体

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址