飞飞影视导航系统添加自定义播放器的说明

飞飞影视导航系统默认提供的云播放器支持26种播放来源的播放地址点播服务,但这还不能完全满足所有人的需要,故特意讲解一下如何自定义播放器。
 
飞飞影视导航系统默认提供的播放器标识有(xfplay、xigua、jjvod、ffhd、youku、iqiyi、tudou、qq、sohu、letv、pptv、wasu、baofeng、xunlei、tv189、fun、mgtv、m1905、cntv、kankan、ckplayer、ykyun、down、iframe、acfun、bilibili)不在这个列表内的标识,云播放器系统会自动提示“暂时不支持的播放器类型”,下面就以图文的形式讲解如何定义自己的播放器。
 
自定义播放器的方法有三种,我们这里重点讲解第2种。
  1. 通过设置“视频解析服务地址”来自定义播放器,当这里设置了第三方解析地址后,(xfplay、xigua、jjvod、ffhd、ckplayer、iframe)这六个标识外的所有播放器将交给第三方地址智能处理。这个不在我们的控制范围内,故省略这一种方法。
  2. 不要设置“视频解析服务地址”,通过添加“播放器设置”增加一个播放器标识(如:增加一个video标识为例),云播放器控制系统检测这个标识不在提供的服务范围内,则自动加载网站根目录下“/Public/player/video.js” 那么你只需要将播放器代码写在这个video.js里面并上传到Public/player/目录即可。
  3. 通常用于局域网的站长用户只需要一种播放器的情况,即不通过{$vod_player}智能处理,完全在模板里面自己写播放器调用代码。可以参考这个贴子http://www.feifeicms.com/q_437.html

 
现将video.js需要用到的JS参数列出如下,供自定义开发的时候使用
cms_player.url  播放地址
cms_player.name 播放器标识
cms_player.time 片头广告时长
cms_player.buffer 片头广告地址
cms_player.jiexi 第三方解析服务地址
cms_player.next_url 下一集播放地址
第一步:增加播放器标识
1.png


第二步:上传video.js到网站根目录Public/player目录下(如果没有player目录 自己建一个即可)


3.png

 
第三步:添加一个影片测试
2.png


4.png

11 个评论

只有文,没有图,不是图文。
图片传好了 请笑纳
这样就明白了,老谭,坛子里反馈了不少问题,下个版本大概什么时候更新呢
感谢老谭!!! 这样就会搞了
感谢老谭,这篇文章的确有用。还有老谭,我想自定义ckplayer播放器,想在片头加广告及播放下一集的功能,这个怎么做,飞飞自带的ckplayer播放器还不错,就是不知道怎么加广告及播放下一集,请老谭指点一下。
你再弄个标识ck 同样的处理方式 ck.js里面自己写代码
ck.js是在哪个文件夹里,我没找到,只找到一个ckeditor.js,老谭能详细指点一下吗,我的文化水平不高,学东西比别人慢了不少。
刚看到ckplayer也是云端播放器,所以找不到ck.js,老谭能不能搞个本地ckplayer播放器便于修改,无限感谢你了。
你参考ckplayer官网提供的代码 即可呀
我添加cuplayer酷播4.0成功,就是添加的广告只能在PC端播放,手机和电视端都不播放广告直接播放视频,还有不知怎么播放下一集,算了,还得自己再好好学习,感谢老谭热心回复。
老谭,你看下我这个酷播的代码加进了自定义播放器video.js里面,播放不了,只能用老方法加进播放页模板页模板vod_play.tpl里才能放,你再指点一下如何加进video.js里,辛苦你了老谭,我是这样加的,你看有什么不对。
$('#cms_player_none').hide();
document.write('<video width="100%" height="100%" controls><source src="'+cms_player.url+'" autoplay="autoplay">您的浏览器不支持 HTML5 video 标签。</video>');

<SCRIPT LANGUAGE=JavaScript>
<!--
/*
* 跨平台方案X1(基于普通HTTP协议)=============
* @param {Object} vID ID
* @param {Object} vWidth 播放器宽度设置
* @param {Object} vHeight 播放器高度设置
* @param {Object} vFile 播放器配置文件
* @param {Object} vPlayer 播放器文件
* @param {Object} vPic 视频缩略图
* @param {Object} vCssurl 移动端CSS应用文件
* @param {Object} vMp4url 视频文件地址

* 跨平台方案说明=============================
* 本实例请在IIS/Apache等网站环境下测试
* 本实例实现HTTP协议下的跨平台
* 本实例要求[视频文件地址]为mp4格式
*/
var vID = "";
var vWidth = "100%"; //播放器宽度设置
var vHeight = 400; //播放器高度设置
var vFile = "/Player/CuSunV4set2.xml"; //播放器配置文件
var vPlayer = "/Player/player.swf?v=3.5";//播放器文件
var vPic = "/Player/images/start.jpg";//视频缩略图
var vCssurl = "/Player/images/mini.css"; //移动端CSS应用文件

//适配PC,安卓,iOS请用mp4文件
var vMp4url = "{$play_url}"; //视频文件地址
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/Player/js/CuSunX1.min.js"></script>
</div>
<!--X1 CrossPlatform /end -->
</div>

要回复文章请先登录注册