JWPlayer:Typecho视频播放器插件

JWPlayer作为老牌开源页面播放器一直以成功的商业运作模式保持着活力。从最早基于flash的流媒体播放到如今面向HTML5实现高性能全平台兼容,其技术水准在嵌入式播放领域可谓业界标杆。记得国内音悦台等起步之初用的也是JW,国外大站的应用案例就更多了。

JWPlayer:Typecho视频播放器插件

使用方法:

实例1 – 锁定比例自适应+封面:

<jw>http://yzmb-1252422232.file.myqcloud.com/files/14062501.mp4|
width=100%|aspectratio=2.4:1|
image=http://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/122798219.jpg</jw>

如上所示,文件地址后可接width或height参数用“|”号隔开,数值不用带像素单位,百分比可配合aspectratio参数锁定比例实现自适应。image参数接图片url。

实例2 – 清晰度/字幕选择+标题:

<jw>http://yzmb-1252422232.file.myqcloud.com/files/180712.mp4;http://yzmb-1252422232.file.myqcloud.com/files/180712HD.mp4|
tracks=歌词^http://yzmb-1252422232.file.myqcloud.com/files/180712.srt|
title=魔力红/SZA合作《What Lovers Do》MV|
image=http://yzmb-1252422232.file.myqcloud.com/files/180712.jpg|
width=100%|aspectratio=2.67:1|stretching=fill</jw>

同一视频可准备多种清晰度文件(相同格式)用半角“;”号分隔,默认第1~3个文件分别显示为标清/高清/超清,或自定义名称在url前用“^”号隔开。tracks参数同理,默认首个字幕中文后一个英文,实例仅有英文字幕故自定义名称为“歌词”。

实例3 – 多视频列表播放:(整合旧版演示共6项)

<jw>360p^http://yzmb-1252422232.file.myqcloud.com/files/17020402.mp4;720p^http://yzmb-1252422232.file.myqcloud.com/files/17020402HD.mp4,
http://yzmb-1252422232.file.myqcloud.com/files/17020403.mp4,
http://yzmb-1252422232.file.myqcloud.com/files/14062503.mp4,
http://yzmb-1252422232.file.myqcloud.com/files/14062504.mp4,
http://yzmb-1252422232.file.myqcloud.com/files/14062502.mp4;http://yzmb-1252422232.file.myqcloud.com/files/14062502HD.mp4 ,
http://yzmb-1252422232.file.myqcloud.com/files/17020401.mp4;http://yzmb-1252422232.file.myqcloud.com/files/17020401HD.mp4|
image=http://yzmb-1252422232.file.myqcloud.com/files/17020402.jpg,
http://yzmb-1252422232.file.myqcloud.com/files/17020403.jpg,
http://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/4263363962.jpg,
http://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/1473582525.jpg,
http://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/3246099474.jpg,
http://yzmb-1252422232.file.myqcloud.com/files/17020401.jpg|
title=HBO科幻美剧《西部世界》首季预告,
五月档《银河护卫队二》剧场版预告,
金耀熙首支单曲《My Music》MV,
《看门狗》宣传片洛杉矶街头整蛊路人,
《猩球崛起2:黎明之战》剧场版预告,
真人翻拍《刺客信条》剧场版预告|
description=JJ监制/诺兰编剧/埃文·蕾切伍德主演大尺度烧脑神剧。|
tracks=http://yzmb-1252422232.file.myqcloud.com/files/17020402cn.srt;http://yzmb-1252422232.file.myqcloud.com/files/17020402en.srt,
http://yzmb-1252422232.file.myqcloud.com/files/17020403.srt,
韩文^http://yzmb-1252422232.file.myqcloud.com/files/14062503.srt,
http://yzmb-1252422232.file.myqcloud.com/files/14062504cn.srt;http://yzmb-1252422232.file.myqcloud.com/files/14062504en.srt,
http://yzmb-1252422232.file.myqcloud.com/files/14062502cn.srt;http://yzmb-1252422232.file.myqcloud.com/files/14062502en.srt,
http://yzmb-1252422232.file.myqcloud.com/files/17020401cn.srt;http://yzmb-1252422232.file.myqcloud.com/files/17020401en.srt|
width=100%|aspectratio=16:9</jw>

同样半角“,”号分隔不同视频,image、title和description参数也保持对应。同一视频内再用“;”号分隔清晰度文件,或用“^”号在url前自定义名称。字幕分隔语种文件同理。

更新日志:

  • 1.0.9 补充js库修正兼容性bug; 增加url加解密播放支持; 切换文件可自定义名称; 参数解析支持自动置空。
  • 1.0.8 使用8.4.1版定制核心; 增加自定义配色预览; 增加编辑器按钮支持; 修正MD标签转义bug; 重整参数列表文件结构。
  • 1.0.7 使用7.9.0版定制核心; 支持移动端触摸屏优化; 支持苹果Airplay及全景VR; 增加后台参数显隐查询; 修复列表字幕对应bug; 使用Packer+WHAK压缩js。
  • 1.0.6 使用7.8.1版免验证定制核心; 支持HLS/MPEG-DASH直播; 支持内置列表/国内社交分享; 增加隐藏信息/右键提示设置; 增加自定义logo及分享设置; 重整结构优化嵌载模式效率; 修复短代码标签冲突等bug; 修正摘要输出兼容feed提示。
  • 1.0.5 调整头部js挂载方式; 优化Markdown兼容性。
  • 1.0.4 增加多清晰度字幕支持; 增加RSS列表解析支持。
  • 1.0.3 简化flash源码重打包; 汉化文字提示修改字体。
  • 1.0.2 精简js嵌载调用文件; 增加专业版皮肤选择。
  • 1.0.1 后台增加全局设置选项; 支持常用后缀参数解析。
  • 1.0.0 使用6.8.4616版核心; 实现jw标签替换播放器。

插件下载:

百度云网盘:https://pan.baidu.com/s/1tsJh0wO7-oQcJWcyCAznXw (提取码:  p3mk )

未经允许不得转载:五福吧 » JWPlayer:Typecho视频播放器插件

赞 (0) 打赏

评论 0

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏