阿里云限量代金券 | 此广告位出租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>
效果如下图,点击图片放大
测试视频http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4
推荐您阅读更多有关于“”的文章
Powered By Z-Blogphp
分享:
支付宝
微信