博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jplayer.js 与 video.js
阅读量:4840 次
发布时间:2019-06-11

本文共 2349 字,大约阅读时间需要 7 分钟。

HTML5 - 两款基于JS的视频播放器

都是基于h5 video 标签,如果不支持则会自动转成flash,这里个人比较推荐使用jplayer;

1、video.js

pc端有时候会与视频打交道,如果要兼容ie是个比较烦的事情,特别是对于没有pc端经验,比如我就更加烦。

我一开始是用的video.js ,因为开始看video.js api  http://videojs.com/getting-started/,看到这段代码

1  

非常喜欢,然后直接用,悲剧的是在ie 7、ie8存在一些问题,如各个版本的ie 样式不一致,如果是高版本ie7报错等!

果断放弃;

2、jplayer.js

 

之所以推荐jplayer插件是因为它的兼容性是最好的,可以兼容到IE6,官网上对它兼容性有很详细的说明

1、不仅兼容性好,而且样式一致。

2、扩展性强。

api:http://www.jplayer.cn/developer-guide.html#jPlayer-event-object 

看完这个就会更加喜欢了,至少我是这样的,因为这个东西可以定制化,随便你怎么改

把图标一换是不是有点像暴风语音。

使用注意事项:

jPlayer需要在服务器上上传两个文件:

jquery.jplayer.min.js
Jplayer.swf(如果不是放在js文件中,要注意路径是否正确)

在两个文件一定要上传到服务器,开始使用的时候以为这个swf是在不支持视频播放的时候要自己准备的swf,过10多分钟才明白,jplay 不需要自己准备swf,他会自己转码,之所以会有这个想法完全是受之前vjdeo.js的影响。

代码

1  
View Code
1  
View Code

 

http://www.jplayer.cn/developer-guide.html#jPlayer-event-type  说的够详细了,demo也很多就不多说了,改改demo总有一款适合你。

可以多多看下官网的api,你就找到了方法,我这个分析的并不全面,如果大家有什么疑问,希望可以多多交流。

 

转载于:https://www.cnblogs.com/CandyManPing/p/6072289.html

你可能感兴趣的文章
巧用「打印」功能实现PDF单页提取
查看>>
【转】Mongo初体验
查看>>
Java中synchronized和同步方法
查看>>
C语言学习记录_2019.01.29
查看>>
个人简历
查看>>
7 Sentences You Shouldn't Say to Your Boss - EVER
查看>>
TurtleBot3-基础例程
查看>>
动态规划之矩阵链
查看>>
Chrome 中的 JavaScript 断点设置和调试技巧 (转载)
查看>>
在Linux shell脚本中root切换到普通用户执行脚本或命令的方法
查看>>
rem,em,px
查看>>
《TCP/IP 详解 卷1:协议》第 10 章:用户数据报协议
查看>>
前端学数据库之基础操作
查看>>
python模块pymysql
查看>>
DAY-9 Linux基础及常用命令(5)
查看>>
unittest-mock-from-import
查看>>
node入门学习(二)
查看>>
通过js禁止输入空格(试用场景:当用字符串拼接插入dom节点时,onkeyup这些方法都不好使可用这个)...
查看>>
Codeforces Edu Round 48 A-D
查看>>
C++cctype软件包函数摆脱,ASCII码!
查看>>