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

news/2024/11/25 17:31:02/

苹果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();