ckplayer兼容显示chrome，firefox

ckplayer兼容显示chrome，firefox"/>

ckplayer兼容显示chrome，firefox

ckplyer兼容chrome，firefox 显示m3u8格式

ckpley在不同的浏览器上显示m3u8格式的视频问题处理

<script src="{% static 'course/js/jquery.js' %}></script>
<script src="{% static 'course/js/hls.js' %}"></script>
<script src="{% static 'course/js/chplayer-master/chplayer/chplayer.js' %}?t=2"></script>
var videoObject_is_chrome = {container: '#video', //容器的ID,如果获到容器定义的是ID则需要增加#，如果是class，则不需要添加或添加.variable: 'player',//调用函数名称，该属性主要用于flashplayer发送监听内容时使用，如call('player.time',10)volume: 0.6, //默认音量，范围是0-1logo: get_loge || "cyberpeace",poster: video_poster, //封面图片地址autoplay: false, //是否自动播放，默认true=自动播放，false=默认暂停状态loop: false, //是否循环播放，默认false=不需要,true=需要live: false, //是否是直播，默认false=点播放，true=直播loaded: 'loadedHandler', //当播放器加载后执行的函数seek:0, //默认需要跳转的时间drag: 'start', //在flashplayer情况下是否需要支持按关键帧拖动，不需要留空，需要请填写拖动时请求的属性，本例中使用start，如果需要强制按时间点拖动则增加前缀time_，本例中即time_start，如果需要强制按关键帧进行拖动，则前缀是frames_，本例中即：frames_startflashplayer: false,//强制使用flashplayerhtml5m3u8: false,//是否使用hls，默认不选择，如果此属性设置成true，则不能设置flashplayer:true,preview: {src: [video_preview], //视频首页预览图 可以任意一个图片地址scale: video_scale   //ts流比例 可以填1},//预览图片地址数组，src=图片地址数组，scale=图片截取时间间隔，单位：秒video: [{definition: '高清',list: [{url: video_change, // m3u8 的地址路径type: 'video/m3u8',weight: 10,},]},]};var videoObject_not_chorme = {container: '#video',//“#”代表容器的ID，“.”或“”代表容器的classvariable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象autoplay: true,html5m3u8: true,video: video_change //视频地址};var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;  //不同的浏览器显示方式不一样， 不是chrome的浏览器需要使用hls.js这个文件if (isChrome) {var videoObject = videoObject_is_chrome;} else {var videoObject = videoObject_not_chorme;}$.extend(true, globalvideoObject, videoObject);window.player = new chplayer(videoObject);//创建一个播放器函数并附给player变量，（player需要和 var videoObject里的属性variable相同）
}

附件下载： hls.js, chplayer.js