CKPlayer播放m3u8 完全可用源码

最近这几天折腾苹果CMS影视站,是基于V10版本的,尤其对于CKplayer播放器这块,对查到资料做个记录,以供各位同学在使用的时候调用。可能网上99%的源码在V10调试时都无法支持M3U8的播放,实际上主要是JS库的问题,JS库的问题容易解决,找到低版本的CKPLAYER.JS,添加到最新版本的CKPLYAER.JS下即可。但对于M3U8格式的播放,大同小异,也解决不了问题。

下面这段代码就是专门解决这个问题的,没太多时间,先贴上:

<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
        }
        * {
            margin: 0px;
            padding: 0px;
        }
        .vlist {
            width: 100%;
        }
        #a1,.video {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
        }
    </style>
    <title></title>
</head>

<body>
    <div class="video" id="mvideo"></div>
    
    <script type="text/javascript" src="/Content/js/ckplayer.js" charset="utf-8"></script>
    <script type="text/javascript">
    var isiPad = navigator.userAgent.match(/iPhone|iPad|Linux|Android|iPod|ios|iOS|Windows Phone|Phone|WebOS/i) != null;
        var videoid = "4C4B74BF22FDBA35";
        var m3u8Url = "http://v.michaeljackson.cn/videos/mj_oni.mp4_DGR5lTix.m3u8";
        var picUrl = "";
        var player = null;
        if (isiPad) {
            document.getElementById('mvideo').innerHTML = '<video src="'%20+%20m3u8Url%20+%20'" poster="' + picUrl + '" controls="controls" webkit-playsinline="true" style="width: 100%; height: 100%; background-color: rgb(0, 0, 0);" width="100%" height="100%"></video>'
        } else {
            function SetCookie(name, value) {
                var Days = 30;
                var exp = new Date();
                exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
                document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
            }
            function getCookie(name) {
                var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
                if (arr != null) return unescape(arr[2]); return null;
            }
            function loadHandler() {
                player.addListener('time', timeHandler);
            }
            function timeHandler(t) {
                if (t > -1)
                    SetCookie(videoid + "_time", t);
            }
            var videoObject = {
                container: '.video',
                variable: 'player',
                loaded: 'loadHandler',
                poster: picUrl,
                html5m3u8: true,
                video: m3u8Url
            };
            var cookieTime = getCookie(videoid + "_time");
            if (!cookieTime || cookieTime == undefined) {
                cookieTime = 0;
            }
            if (cookieTime > 0) {
                videoObject['seek'] = cookieTime;
            }
            player = new ckplayer(videoObject);
        }
    </script>
    
</body>

</html>

 

免责申明:
1. 本站所有教程、文章分享目的仅供大家学习和交流,资源连接来自于网络,非本站发布,本站也不存储任何资源!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源质量及其时效性,恕不接受任何提问。
4.本站即不保存任何资源,也不对任何链接作品负责,希望大家赞助本站,费用仅维持本站的日常运营所需!
5. 百码云无法保证文章教程或资源的完善与安全,请自行检测解决。
6. 通过本站收集链接的相关资源,严禁杜绝任何形式的正式商业用途,请前往官方购买。
7. 但凡通过本站链接导航下载的任何作品,虽不归本站所有,但在研究学习的前提下,请务必在下载24小时后删除。
百码云资源站仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本文章采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
百码云 » CKPlayer播放m3u8 完全可用源码

提供互联网优质的资源链接集合站点

关于VIP 站内帮助