Vue.js中如何使用ckplayer播放视频
1、将文件导入到static目录下,目录结构如下图
2、在index.html中引入ckplayer.js文件
3、html代码
<div id="ckplayera" class="video active"></div>
4、js代码
ckplayerb(){
setTimeout(function(){
var videoObjects = {
width:1000,
height:400,
container:"#ckplayera",
variable:"player",
autoplay:true,
live:true,
video:"rtmp://......"
}
let player = new ckplayer(videoObjects)
},2);
}
附带几个rtmp地址可供测试:
- rtmp://live.hkstv.hk.lxdns.com/live/hks1
- rtmp://live.hkstv.hk.lxdns.com/live/hks2
- rtmp://202.69.69.180:443/webcast/bshdlive-pc
- rtmp://ns8.indexforce.com/home/mystream
- rtmp://media3.sinovision.net:1935/live/livestream