今天才开始用Jplayer,可能有点落伍了,但是看到网上千篇一律的使用说明,开始决定把自己的使用心得分享一下,废话不多说,开始吧。
Step1:
官网上有具体的搭建顺序,URL:http://www.jplayer.org/latest/quick-start-guide/,如下图:
我这里就以音乐播放器为例了,点击标红的超链。进入后会有一步一步的提示。
我使用的就是jplayer2.7.0的版本,引用的都有jquery-1.11.1.min.js、jquery.jplayer.min.js、jplayer.blue.monday.css主要是这3个文件。
但是我们项目里使用了easyUI,引用的jQuery核心版本是1.8.3,然后我把1.11.1替换为1.8.3,没有报错,可以正常使用,下面是我的页面头
标红的这3个就是必须要引用的文件了。
然后是html标签
复制代码
Update Required To play the media you will need to either update your browser to a recent version or update your
Flash plugin.
继续最关键的部分:页面初始化函数:
复制代码
到此为止,播放器就可以正常工作了