...
ckplayer整合视频在线播放测试以及代码
攻略窝 2星期前 97

由于对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参数后 在这个位置输出视频地址就可以了 然后任意调用


TAGS

分享:
最新回复(0)