苹果cms设置本地播放器 ckplayer(版本:ckplayerx)

文章目录

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)
- 概述
- 设置方法
各终端表现

概述

之前试过阿里云的 aliplayer、苹果cms自带的 dplayer,跟最新的 ckplayer比,个人体验ckplayer好很多。

设置方法

官网下载压缩包压缩包地址
windows的话上传里面的ckplayer目录到服务器（当然得压缩一下先），解压到苹果CMS 的 static/player/
目录下。
新建 ckplayer.html

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=11" /><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"><title>ckplayer</title><style type="text/css">body,html{background-color:#000;padding: 0;margin: 0;width:100%;height:100%;}#video{width:100%;height:100%;padding:0;margin:0;display:block;}</style></head><body><div id="video"></div><script type="text/javascript" src="/static/player/ckplayer/ckplayer.js"></script><script type="text/javascript">var videoObject = {container: '#video', //容器的ID或classNamevariable: 'player',//播放函数名称video: parent.MacPlayer.PlayUrl, //播放地址autoplay: true, //自动播放，手机端某些浏览器会失效html5m3u8:true //电脑端强制 html,默认的flash太难看};</script></body></html>

播放器代码

MacPlayer.Html = '<iframe src="'+maccms.path+'/static/player/ckplayer.html" width="100%" height="'+MacPlayer.Height+'" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>';
MacPlayer.Show();

各终端表现

测试地址：yyqqz.com

手机 uc 测试不会自动播放，大部分第三方浏览器会替换为自己的播放器

电脑端

华为手机系统浏览器

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)相关推荐

苹果cms怎么做html缓存广告,苹果cms如何添加播放器预加载和缓冲广告
这篇文章主要为大家详细介绍了苹果cms如何添加播放器预加载和缓冲广告,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 1,来到系统后台>>系统> ...
苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集
声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集今天给大家分享下给dplayer播放器增加记忆+P2P播放+自动下 ...
苹果cms如何添加播放器预加载和缓冲广告
1,来到系统后台>>系统>>播放器参数设置可以看到添加预加载和缓冲广告的输入框,文件格式为html 自己写一个html的网页上传到网站进行调用即可,链接前面不要加http或 ...
苹果CMS V10 播放记录_苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集
设置VLC播放器进行RTSP推流视频
设置VLC播放器进行RTSP推流视频一.推流与拉流概念二.设置推流端三.设置拉流端(播放端) VLC官网:https://www.videolan.org/ 一.推流与拉流概念首先,做几个名词 ...
苹果cms8整合dplayer播放器
一.准备工作已上传CMS8网站模板到空间并能正常打开网站页面二.整合dplayer播放器 1.新建txt文档,将以下代码复制到txt文档中,并将txt文档命名为dplayer.php <ht ...
PotPlayer 高逼格无边框的本地播放器
PotPlayer 安装以及设置可以在官网下载安装包:http://potplayer.daum.net 然后安装--运行-- 嗯,是的,PotPlayer的官方皮肤界面就是这么样貌平平,一点都不逼 ...
第二十三篇-ubuntu18.04怎么下载播放器以及如何设置默认播放器
下载播放器安装命令: sudo apt-get install smplayer 再安装解码器: 安装win32codecs包如果是intel的CPU 代码: sudo apt-get insta ...
设置VLC播放器进行RTSP推流桌面（共享桌面）
设置VLC播放器进行RTSP推流桌面(共享桌面) 一.推流与拉流概念二.设置推流端三.设置拉流端(播放端) VLC官网:https://www.videolan.org/ 一.推流与拉流概念首先 ...
前端 mediaRecorder 录制视频源代码实例，和本地播放器无法定位进度条问题分析和解决
问题 mediaRecorder 本质上录制的是webm 当我们使用getUserMedia.MediaRecorder等API生成的webm视频时,会发现最终的webm是无法拖动进度条的解决方案 ...

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)

文章目录

概述

设置方法

各终端表现

苹果cms设置本地播放器 ckplayer(版本:ckplayerx)相关推荐

最新文章

热门文章