移动端地址格式 m3u8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CkPlayer</title>
</head>
<body>
<div class="video" style="width: 600px; height: 400px;"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="UTF-8"></script>
<script>
var videoObject = {
container: '.video',//“#”代表容器的ID,“.”或“”代表容器的class
variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
loaded: 'loadedHandler',
// autoplay:false, // 是否自动播放
live:true, // 是否直播 true 是
config: '',
poster: 'img/img.jpg', // 封面图
seek: 0, //开始播放时间
mobileCkControls:false, // 移动端下栏不显示 ture 显示
video:'http://juejinqifu.live.2099.com.cn/live/av0.m3u8'//视频地址
};
var player=new ckplayer(videoObject);
</script>
</body>
</html>
*注意: 1、我在项目中遇到的问题是:添加上poster之后在安卓手机正常,在IOS手机不播放;
本人处理的方法是在外面加了一层 添加张图片 应用player.playOrPause() 播放 移出那张图片 就解决了
2、官网中下载的demo中 5个文件都需要引用 ckplayer.js ckplayer.swf ckplayer.xml language.xml style.xml
详细的话可以参考官网:http://www.ckplayer.com/