查看: 209|回复: 0

ckplayer在手机用不了?ckplayer手机版下载

[复制链接]

该用户从未签到

304

主题

323

帖子

850万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
8503682
QQ
累计在线
12470分钟
发表于 2017-8-5 11:51:34 | 显示全部楼层 |阅读模式
如果您觉得本站不错,请访问下面的链接,您每天的首次访问,我可以得到4分钱,仅是一个网页,不修改浏览器首页,举手之劳,希望您能支持
支持我
ckplayer播放器的使用广泛度很高,很多个人视频站都选用了ckplayer,原因是其使用方法简单,档案完整,可以满足各种个性化设置。
不过可惜的是,官方并没有推出手机版的压缩包下载,ckplayer原版在手机端是不能使用的,只能用在PC端的网页上,而现在手机端的用户量庞大,ckplayer有点措施市场的节奏。
好在,高手无处不在,有网友在ckplayer的PC版基础上,提炼出来了一个可以手机使用的版本,号称手机版ckplayer。笔者就与大家分享一下。
核心代码:
  • <script type="text/javascript">
  • VideoPlay("http://movie.ks.js.cn/flv/other/1_0.mp4",600,400);
  • function VideoPlay(F,A,E){ // F:url A:width E:height
  •         var B=F;
  •         var G = { f: B, c: 0, b: 1, p: 2 };
  •         var D = { bgcolor: "#000", allowFullScreen: true, allowScriptAccess: "always" };
  •         var C = ["" + B + "->video/mp4", "" + B + "->video/webm", "" + B + "->video/ogg"];
  •         var H = ["all"];
  •         CKobject.embed("ckplayer/ckplayer.swf", "a1", "ckplayer_a1", A, E, true, G, C, H)
  •     }
  • </script>

完整代码范例:


  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <html xmlns="http://www.w3.org/1999/xhtml">
  • <head>
  •     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  •     <title>ckplayer简单调用演示-手机版</title>
  •     <!-- width=device-width:让文档的宽度与设备的宽度保持一致,且文档最大的宽度比例是1.0,initial-scale=1:初始的缩放比例,maximum-scale=1:允许用户缩放到的最大比例(对应还有个minimum-scale), user-scalable=no:不允许用户手动缩放-->
  •     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
  •     <!--  telephone=no:禁止自动将页面中的数字识别为电话号码, address=no:禁止自动地址转为链接,email=no:禁止自动将email转为链接 -->
  •     <meta name="format-detection" content="telephone=no,address=no,email=no" />
  •     <!-- 强制将页面布局为一列 -->
  •     <meta name="mobileOptimized" content="width" />
  •     <!-- 申明页面是移动友好的 -->
  •     <meta name="handheldFriendly" content="true" />
  •     <!-- 允许用户使用全屏模式浏览 -->
  •     <meta name="apple-mobile-web-app-capable" content="yes" />
  •     <!-- 当用户使用全屏浏览时,将状态条设置为黑色 -->
  •     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  • </head>
  • <body>
  • <div id="a1"></div>
  • <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
  • <script type="text/javascript">
  • VideoPlay("http://movie.ks.js.cn/flv/other/1_0.mp4",600,400);
  • function VideoPlay(F,A,E){ // F:url A:width E:height
  •         var B=F;
  •         var G = { f: B, c: 0, b: 1, p: 2 };
  •         var D = { bgcolor: "#000", allowFullScreen: true, allowScriptAccess: "always" };
  •         var C = ["" + B + "->video/mp4", "" + B + "->video/webm", "" + B + "->video/ogg"];
  •         var H = ["all"];
  •         CKobject.embed("ckplayer/ckplayer.swf", "a1", "ckplayer_a1", A, E, true, G, C, H)
  •     }
  • </script>
  • </body>
  • </html>
原文http://www.webkaka.com/tutorial/zhanzhang/2015/052516/



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表