saber 酱的抱枕

Fly me to the moon

12/22
2014
学习

JW player 5.3的使用

由于html5的video标签不支持flv格式的视频(并不是,其实应该也是对编码方式有要求),所以想找个第三方视频播放器,最后对着JW player研究了大半天。因为网上教程太老旧,试了许多次无果(这货版本繁多),用的版本也从6.10降到6.6再降到5.3,这才用压缩包内自带的示例文档改造成功,目前播放flv和mp4格式的视频都可以。

上面是图←_← 而且测试在IE9开始就没办法播放了。视频不会自动加载。

下载demo

如果参数中指定的高度大于视频高度,则控制栏会显示在视频下方。如果指定高度只等于视频高度,控制栏会浮现在视频上:

此版本不能双击全屏。封面图是需要自己设置的,不会自动截取。

视频文件现在只能放在播放器目录内,我试过把视频传到了空间,路径是http格式的url,无法播放。如果相关文件放到其他文件夹,例如“a/flv.flv”,放到参数里也出错。很疑惑,求解

在有些商业网站上,直接用html5的video标签播放视频的话,外观不太好看,所以这货存在的价值就是有一个正儿八经(严肃)的播放界面,以及解决一些兼容性问题。

demo里的html和播放器是在同一文件夹内的,如果在播放器文件夹之外的网页里要使用这个播放器,需要把引入的jwplayer.js路径、参数中的flashplayer、image路径都作相应的处理。file参数不需要变,它始终是相对于播放器目录内而言的。

据说最新版本的使用方法是在其官网上注册一个账号,然后想要使用的时候在其网站上填写播放参数,最后把生成的代码插入网页就行了。但是官网死活上不去,翻墙也不行,十分无奈。

JW player 5.3的使用