jwplayer响应式多终端适配视频播放器
2024-09-02 15:03:11发布 浏览403次 信息编号:164121
友情提醒:凡是以各种理由向你收取费用,均有骗子嫌疑,请提高警惕,不要轻易支付。
jwplayer响应式多终端适配视频播放器
更新说明:添加了一个.js文件,以防止插件向官方网站发起验证服务。不会再报告任何错误。
具体配置参数
jwplayer("container").setup({//通过js调用播放器并安装到指定容器(container)内
flashplayer: "jwplayer/player.swf",//调用播放器
file: "video.flv",//调用视频文件
width: 328,//播放器宽
height: 200,//播放器高
aspectratio:"10:6",//自适应宽高比例,如果设置宽高比,可设置宽度100%,高度不用设置
image:"jwplayer/preview.jpg",//视频预览图片
controlbar: "over",//控制条位置
screencolor :"#fff",//播放器颜色
repeat:"always",//重复播放
autostart:true//自动播放
});
基本变量
(): 显示区域的高度,控制区域最小高度为20px,当此值大于等于swf高度时,播放列表会自动隐藏,否则会显示出来。
file*(url): 需要播放的文件地址,支持单文件播放(MP3/FLV/RTMP/JPG/SWF/PNG/GIF),也支持播放列表,JW Image 只支持播放列表
*(): 设置swf的高度,使用embed方法插入时,在embed属性中已经设置好了,但是有时候(特别是使用IE时)高度会变得不确定,影响布局,这时候就需要通过这个参数来设置,这个值的单位是px
image(url):播放mp3或flv时,可以使用此值设置预览图像作为专辑封面。支持JPG/SWF/PNG/GIF文件。您还可以设置播放列表中的每一项。
*(true,false):该参数仅JW Image支持,用于显示或隐藏图片导航。
* (fade,,,,,,lines,,):此参数仅JW Image支持,用于设置图片替换的效果,设置为“”将随机设置效果,默认值为“fade”。
width*():设置swf的宽度,其余相同;
颜色变量
*(color):设置播放器的背景颜色。JW Media 默认为 (白色),JW Image 默认为 (黑色)。
*(颜色):设置文本和按钮的颜色。JW Media 的默认颜色为 (黑色),JW Image 的默认颜色为 (白色)。
*(color):设置激活状态的颜色。JW Media 默认为 (黑色),JW Image 默认为 (红色)。
接口参数
(true,false): 当播放列表过长时,默认自动显示滚动条,当该值设置为 true 时,播放列表会根据鼠标自动滚动。 (of pixes): 设置显示区域的宽度,当设置为较小的值时,播放列表会显示在显示区域的右侧,而不是底部。
* (true,false): 用于在运动时实现kb效果(Ken Burns)。注意,建议在图片较大、网速较快时开启,否则关闭。建议设置为“”以匹配。
(true,false):将此值设置为 true,可放大控制区域中的按钮。建议视力较差的用户开启此功能。
logo* (url):设置用作右上角水印的图像。支持所有图像格式。带透明层的 PNG 效果最佳。
* (true,false,fit,none):设置图片/视频在显示区域的比例。“true”按比例拉伸以适应显示区域。“false”仅拉伸以适应显示区域。“fit”全屏显示。“none”按原始大小显示。JW Media 默认为“fit”,JW Image 默认为“false”
(true,false,total): 设置为“false”可隐藏播放时间和其他信息以节省控制区域空间。设置为“total”可显示总时间。
(true,false):设置该值是否在控制区显示下载按钮。链接指向link设置的地址。
(true,false):用于显示假的音频波形效果。设置此值可以在播放 mp3 文件时产生良好的效果。
* (true,false):用于显示或隐藏显示区域中间的图片,JW Media 默认为 true,JW Image 默认为 false。
(true,false):用于设置是否显示音量控制按钮 (true,false):设置是否在列表中显示预览图片
播放参数
(true,false,muted):如果设置为 true,视频将在页面加载后自动播放。如果设置为 muted,视频将自动以静音模式播放,并在显示区域中间显示静音图标。
():设置flv的缓存时间,默认3秒
* (true,false,list): 默认为 flase,即从当前播放位置播放到列表末尾后停止。设置为 list 则播放列表中所有项目,设置为 true 则循环播放。
*():设置图片显示时间,JW Media默认为10秒,JW Image默认为5秒
* (true,false): 设置为 false 则按顺序播放,设置为 true 则无序播放
(true,false):设置为false,关闭视频平滑处理,建议设置为true,效果更佳,但对于大屏幕或者低配置的机器,设置为false比较好。
start*():当使用 RTMP 或 HTTP 流(不是常规的 flv/mp3)时,使用此变量来精确定位起始位置。此参数在 XSPE 格式列表中设置,可精确设置文件的章节。
*():设置音量,默认为80。
相互作用参数
audio* (url):使用此参数可以添加一个mp3文件作为单独的音频文件,可以作为图片的背景音乐解说等。
(url): 带宽检测用到的文件地址,可以放图片或者rtmp流媒体,右键菜单可以查看借贷值。
(逗号列表):与 和 一起使用,根据带宽值选择不同的文件。例如:如果您要播放 video.flv,并将此项的值设置为 100,250,500,1000,则当播放器发现带宽为时,它将播放 .flv。因此它具有有效的命名设置,即使使用播放列表,它也会自动切换。
(url):设置此参数为用来回传数据的服务器程序(php/asp)地址,每播放一次和停止一次都会向服务器发送数据,以便在服务器端保存播放统计信息。
(url):设置此值以加载文本格式的字幕。播放器支持 SMIL 格式和 DVD SRT 格式的字幕。如果您的 flv 文件有内置字体,则可以将此值设置为“”。如果您有多声道字幕,则可以将此值设置为“”、“”等。您可以设置列表中每个项目的值。
* (true,false): 设置为 true 以启用对 的支持。仅支持在线使用。可以控制播放、加载媒体并获取有关当前播放项目的详细信息。
(url): 如果用户的版本高于(9.0.28)播放器会自动显示全屏按钮。通过设置此值,可以链接到另一个页面进行全屏显示。服务器可以设置要播放的文件。id():播放器的唯一标识符。将返回给服务器。
* ():如果您的页面上有多个玩家,您可以设置此参数为每个玩家赋予不同的 ID,以便轻松用于控制。它将被传回 () 事件。
link(url):此参数用于设置当前版本,或强制用户通过此 URL 下载当前项目。可以为播放列表中的每个项目设置此值。
* (true, false): 设置点击展示区域时访问的页面,默认点击展示区域时会进行播放/暂停操作。
* (frame):设置链接目标,“_self”在当前页面打开。“”在新页面打开。
(url):设置此参数以兼容“伪流” FLV 文件。
type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v):播放器会根据文件名最后三个字符判断类型。使用服务器端语言重定向时,此方法将不再有效。因此,您可以设置此参数来告诉播放器文件类型。您还可以为播放列表中的每个项目设置它。如果播放器找不到文件类型,它将被识别为播放列表。
(true,false):设置为 false 即可更改为静音模式。
补充:此插件已经去掉了logo,正版需要美金购买,播放器会用IE自带的swf播放器,swf文件中的logo已经被删除,在IE9以上版本、、中,都是用这个播放器,只需要用开发者工具找到右上角logo的class名,隐藏即可,例如:添加css:.{:none;}
提醒:请联系我时一定说明是从星空网上看到的!