用到过PDF的媛媛and猿猿们,总会发现这大千世界之万能播放器插件,总能少了对媒体控制的接口。
你总会发现PDF无法像img图片一样正常加载展现出来,那么我们在通用语法的基础上拓展出了适用于预览及打开的PDF插件便于开发应用。
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。
该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,前提条件是客户端浏览器中装有相应的插件。
该插件主要是将标签转化为,同时生成适合不同类型多媒体文件播放的对象,起到解析翻译的过程,从而达到多媒体播放的效果。转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。
官方解释为:
PlayerFile Formats
Quicktime
aif,aiff,aac,au,bmp,gsm,mov,mid,midi,mpg,//代码效果参考:http://www.lyjsj.net.cn/wz/art_24047.html
mpeg,mp4,m4a,psd,qt,qtif,qif,qti,snd,tif,tiff,wav,3g2,3pgFlash
flv, mp3, swf
Windows Media Player
asx, asf, avi, wma, wmv
Real Player
ra, ram, rm, rpm, rv, smi, smil
Silverlight
xaml
iframe
html, pdf
先附上官方网址(2选1):
查看预览:
首先是引入相应的js文件:
1
2
[/code>script type="text/javascript" src="jquery.media.js"
[/code>script type="text/javascript"
$(function() {
$('.media').media({width:800, height:600,autoplay: true,src=\'#\'" /script>
[/code>body
[/code>div class="media"
[/code>a href="opertaion.pdf" target="_blank"
然而,重点来了,这个插件的浏览器兼容性不是特别好,期望效果为适用于H5应用的浏览器版本,谷歌浏览器最佳,但对于现有大多数业务而言,足够应用的了。
更多语法请自行参考官方实例了!
我没有什么特别的才能,只不过是穷根究底的追究问题罢了。