首页/疑难杂症/ ckplayer整合视频在线播放测试

ckplayer整合视频在线播放测试

作者:神奇   分类:疑难杂症   时间:2018-06-11 08:06:42  标签:


由于对html和js交互不是很熟悉 最终选择了用php来写整合代码,毕竟php支持html 而html内可以执行js

<div class="video" style="width: auto;height: auto;"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js"></script>
<script type="text/javascript">
	var videoObject = {
      
		container: '.video',//“#”代表容器的ID,“.”或“”代表容器的class
		variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
		loaded:'loadedHandler',//监听播放器加载成功
		video:'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', //视频地址
      fullInteractive: true,
        autoplay: true,
      playbackrate:1,
      //my_url:encodeURIComponent(window.location.href),
       // my_title:encodeURIComponent(document.title),
      				//front:'frontFun',//上一集的操作函数
				//next:'nextFun'//下一集的操作函数

    };
   var video=['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4->video/mp4'];
	var player=new ckplayer(videoObject);
	function loadedHandler(){//播放器加载后会调用该函数
		player.addListener('time', timeHandler); //监听播放时间,addListener是监听函数,需要传递二个参数,'time'是监听属性,这里是监听时间,timeHandler是监听接受的函数
	}
	function timeHandler(t){
		console.log('当前播放的时间:'+t);
	}
</script>
http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4
为视频地址 php接收url参数后 在这个位置输出视频地址就可以了 然后任意调用


温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

评论:

发表评论:

code