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