技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運營

贊助商

分類目錄

贊助商

最新文章

搜索

ckplayer在手機用不了?ckplayer手機版下載

作者:admin    時間:2015-5-25 11:12:39    瀏覽:

ckplayer播放器的使用廣泛度很高,很多個人視頻站都選用了ckplayer,原因是其使用方法簡單,檔案完整,可以滿足各種個性化設(shè)置。

不過可惜的是,官方并沒有推出手機版的壓縮包下載,ckplayer原版在手機端是不能使用的,只能用在PC端的網(wǎng)頁上,而現(xiàn)在手機端的用戶量龐大,ckplayer有點措施市場的節(jié)奏。

好在,高手無處不在,有網(wǎng)友在ckplayer的PC版基礎(chǔ)上,提煉出來了一個可以手機使用的版本,號稱手機版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簡單調(diào)用演示-手機版</title>
    <!-- width=device-width:讓文檔的寬度與設(shè)備的寬度保持一致,且文檔最大的寬度比例是1.0,initial-scale=1:初始的縮放比例,maximum-scale=1:允許用戶縮放到的最大比例(對應(yīng)還有個minimum-scale), user-scalable=no:不允許用戶手動縮放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <!--  telephone=no:禁止自動將頁面中的數(shù)字識別為電話號碼, address=no:禁止自動地址轉(zhuǎn)為鏈接,email=no:禁止自動將email轉(zhuǎn)為鏈接 -->
    <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" />
    <!-- 當用戶使用全屏瀏覽時,將狀態(tài)條設(shè)置為黑色 -->
    <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">
 //本范例由卡卡測速網(wǎng)www.howtostagehomes.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>

上述范例使用時,注意調(diào)用如下文件的路徑要寫正確:ckplayer.js、ckplayer.swf。

演示ckplayer手機版。

在手機瀏覽器上輸入如下鏈接看演示效果:

http://www.howtostagehomes.com/tutorial/zhanzhang/demo/ckplayer/mobile.html

標簽: ckplayer  
相關(guān)文章
    x
    • 站長推薦
    /* 左側(cè)顯示文章內(nèi)容目錄 */