ckplayer在手机用不了解决方法

最新推荐文章于 2024-08-23 17:48:30 发布

xiaocen99

最新推荐文章于 2024-08-23 17:48:30 发布

阅读量2.9w

点赞数 2

分类专栏： ckplayer

ckplayer 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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">
     //本范例由卡卡测速网www.webkaka.com提供
     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>