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