函数学习有些事，记下来是不错的选择...

JW Player 插入视频测试

JW Player is the most powerful & flexible video platform powered by the fastest, most-used HTML5 online video player.

实例1 - 锁定比例自适应+封面：

https://tyyp.lzw66.com/%E8%A7%86%E9%A2%91/%E9%98%BF%E5%87%A1%E8%BE%BE/%E9%98%BF%E5%87%A1%E8%BE%BE.mp4|
width=100%|aspectratio=2.4:1|
image=https://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/122798219.jpg

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

https://tyyp.lzw66.com/%E8%A7%86%E9%A2%91/%E9%98%BF%E5%87%A1%E8%BE%BE/%E9%98%BF%E5%87%A1%E8%BE%BE.mp4|width=100%|aspectratio=2.4:1|image=https://yzmb-1252422232.file.myqcloud.com/usr/uploads/2014/06/122798219.jpg

实例2 - 清晰度/字幕选择+标题：

https://tyyp.lzw66.com/%E8%A7%86%E9%A2%91/%E7%AC%AC%E4%B9%9D%E5%88%86%E5%B1%80%EF%BC%BB%E5%8F%B0%E6%B9%BE%EF%BC%BD/%E7%AC%AC%E4%B9%9D%E5%88%86%E5%B1%80.%E5%9B%BD%E8%AF%AD%E4%B8%AD%E5%AD%97.The.9th.Precinct.2019.HD720P.X264.AAC.mp4;https://yzmb-1252422232.file.myqcloud.com/files/180712HD.mp4|title=魔力红/SZA合作《What Lovers Do》MV|image=https://yzmb-1252422232.file.myqcloud.com/files/180712.jpg|width=100%|aspectratio=2.67:1|stretching=fill

同一视频可准备多种清晰度文件(相同格式)用半角“;”号分隔，默认第1~3个文件分别显示为标清/高清/超清，或自定义名称在url前用“^”号隔开。tracks参数同理，默认首个字幕中文后一个英文，实例仅有英文字幕故自定义名称为“歌词”。效果如» (CC切换字幕/选项内切换清晰度)
https://tyyp.lzw66.com/%E8%A7%86%E9%A2%91/%E7%AC%AC%E4%B9%9D%E5%88%86%E5%B1%80%EF%BC%BB%E5%8F%B0%E6%B9%BE%EF%BC%BD/%E7%AC%AC%E4%B9%9D%E5%88%86%E5%B1%80.%E5%9B%BD%E8%AF%AD%E4%B8%AD%E5%AD%97.The.9th.Precinct.2019.HD720P.X264.AAC.mp4;https://yzmb-1252422232.file.myqcloud.com/files/180712HD.mp4|title=魔力红/SZA合作《What Lovers Do》MV|image=https://yzmb-1252422232.file.myqcloud.com/files/180712.jpg|width=100%|aspectratio=2.67:1|stretching=fill

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

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

本文，大部分转载于Typecho视频播放器插件JWPlayer1.0.9更新

标签：image,width,预告,剧场,title
输出：466字，阅读时长 ≈ 2分钟
上一篇：用Prism实现代码高亮
下一篇：为你的网页添加可爱的小猫咪吧~ 调用JS返回顶部

函数学习 有些事，记下来是不错的选择...

JW Player 插入视频测试

发表评论

函数学习有些事，记下来是不错的选择...