当前位置:网站首页 / 建站 / 正文

ckplayer整合播放M3U8/MP4视频

时间:2020年01月28日 | 作者 : liuhui | 分类 : 建站 | 浏览: 7039次 | 评论 0

阿里云限量代金券 | 此广告位出租25元/月

相信很多建视频站的新手,对于CKplayer 这个播放器并不陌生,网络上很多数据也都是M3U8/MP4格式的,但对于整合来说,新手还是有一定的难度的,最新版本的CKplayer也有例子,下面博士写了个整合到网页中播放代码,希望对新手能有帮助!


1. CKplayer最新版本下载链接:http://www.ckplayer.com/down/

2.将解压后的ckplayer这个文件夹放到网站的根目录

3.在根目录新建一个php文件,例如"jx.php",代码如下:

<?php

//电脑博士 2020.01.28

?>
<!DOCTYPE html>
<html xmlns="http:www.w3.org/1999/xhtml">
<head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>M3U8/MP4解析</title>
<style type="text/css">body,html,div{background-color:black;padding: 0;margin: 0;width:100%;height:100%;}</style>
</head>
<body>
<script type="text/javascript" src="/ckplayer/ckplayer.js"></script>
<div class="video" style="width: 100%"></div>
<script type="text/javascript">
var videoObject = {
container: '.video',//“#”代表容器的ID,“.”或“”代表容器的class
variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
autoplay:true,//自动播放
html5m3u8:true,//m3u8-hls形式播放视频
video:'<?php echo($_REQUEST['url']);?>'//视频地址
};
var player=new ckplayer(videoObject);
</script>
</body>
</html>

效果如下图,点击图片放大

QQ截图20200128165551.png

测试视频http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4

推荐您阅读更多有关于“”的文章

猜你喜欢

网站分类
关注电脑博士
友情链接

分享:

支付宝

微信