播放配置

2023-10-01 17:46| 来源: 网络整理| 查看: 265

播放配置 #调用播放器，初始化配置里的属性说明

该调用方式为标准调用方式，如果是普通的.mp4视频，并且没有广告设置的话，推荐使用这种调用方式。兼容PC端和移动端，兼容大部分的平台（浏览器），代码如下：

//定义一个变量：videoObject，用来做为视频初始化配置 var videoObject = { container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象 video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址 }; var player = new ckplayer(videoObject);//初始化播放器 #初始化配置里的属性说明 var videoObject = { container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象 volume: 0.8, //音量，范围：0-1 poster: 'poster.png', //封面图片 video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4',//视频地址 autoplay: false,//是否自动播放 loop: false,//是否需要循环播放 live: false,//是否是直播 duration: 0,//指定总时间 forceduration:0,//强制使用该时间为总时间 seek: 0,//默认需要跳转的秒数 drag: '',//拖动时支持的前置参数 loaded: '',//加载播放器后调用的函数 flashplayer: false,//设置成true则强制使用flashplayer html5m3u8: false,//PC平台上是否使用h5播放器播放m3u8 track: null,//字幕轨道 cktrack: null,//ck字幕 cktrackdelay:0,//字幕显示延迟时间 preview: null,//预览图片对象 prompt: null,//提示点功能 type: '',//视频格式 crossorigin: '',//设置html5视频的crossOrigin属性 crossdomain: '',//安全策略文件地址 unescape: false,//默认flashplayer里需要解码 mobileCkControls: false,//移动端h5显示控制栏 mobileAutoFull: true,//移动端是否默认全屏播放 playbackrate: 1,//默认倍速 h5container: '',//h5环境中使用自定义容器 debug: false,//是否开启调试模式 overspread:true,//是否让视频铺满播放器 config: '',//调用配置函数名称 language:'',//语言文件路径 style:'',//风格文件路径 adfront: '',//前置贴片广告列表 adfronttime: '',//前置贴片广告强制时间列表 adfrontlink: '',//前置贴片广告链接地址列表 adpause: '',//暂停广告列表，只是是图片 adpausetime: '',//暂停广告列表每个图片播放的时间 adpauselink: '',//暂停广告列表的链接地址列表 adinsert: '',//插入广告列表 adinserttime: '',//插入贴片广告时间列表 adinsertlink: '',//插入贴片广告链接列表 inserttime: '',//插入贴片广告显示的时间点列表 adend: '',//播放结速帖片广告列表 adendtime: '',//播放结速帖片时间列表 adendlink: '',//播放结速帖片链接列表 advertisements: ''//可以使用单独的json文件配置广告 }; #视频地址调用方式

视频地址的调用方式分成两种，一种是普通形式，一种是json文件调用形式

普通调用方式：

普通调用方式分成两种，一种是单视频调用，一种是多个清晰度调用

单地址视频调用如下

var videoObject = { container: '.video',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new ckplayer()的对象 video:'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址 };

多个视频有清晰度的调用方式如下：

var videoObject = { container: '.video',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new ckplayer()的对象 video: [ ['http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0], ['http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0], ['http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 0], ['http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0] ]//视频地址};

json文件调用方式：

var videoObject = { container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 video:'wetsite:存放视频地址的一个页面网址'//视频地址 }; var player=new ckplayer(videoObject);

说明：

video里是调用一个网址，网址返回视频地址（以及其它参数），标准格式必需用website:开头，播放器检测到video的值开头8个字符为website:则会去请求该地址调用视频地址播放。

示例：JSON调用形式，兼容PC的flashplayer,html5,支持移动端html5。

我们修改videoObject里的属性：video

video:'website:temp.json'

json里的格式可以是以下格式：

第一种，调用一个普通的视频：

{ "video": "temp.mp4" }

第二种，申明视频类型：

{ "video": "temp.mp4", "type": "video/mp4" }

第三种，调用多清晰度：

{ "video": [ [ "temp1.mp4", "video/mp4", "高清", 0 ], [ "temp2.mp4", "video/mp4", "标清", 0 ] ] }

此时可以加上其它属性，比如封面图或是否自动播放，示例代码如下：

{ "autoplay": false, "video": [ [ "temp01.mp4", "video/mp4", "高清", 0 ], [ "temp02.mp4", "video/mp4", "标清", 0 ] ] }

【本文地址】

播放配置

播放配置

今日新闻

推荐新闻