搜索:

同个页面播放多个视频,并且可以单独控制,本示例使用的是X1版本

调用代码如下:

<script type="text/javascript" src="ckplayer/x/ckplayer.js"></script>
<div class="videosamplex">
    <video id="videoplayer" src="http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4"></video>
</div>
<script type="text/javascript">
    var videoObject = {
	container: '.videosamplex',//“#”代表容器的ID,“.”或“”代表容器的class
	variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
	poster:'pic/wdm.jpg',
	mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
	h5container:'#videoplayer',//h5环境中使用自定义容器
	video:'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4'//视频地址
    };
    var player=new ckplayer(videoObject);
    var videoObject2 = {
	container: '.videosamplex',//“#”代表容器的ID,“.”或“”代表容器的class
	variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
	poster:'pic/wdm.jpg',
	mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
	h5container:'#videoplayer',//h5环境中使用自定义容器
	video:'http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4'//视频地址
    };
    var player2=new ckplayer(videoObject2);
</script>

本示例可以确保在多个平台上显示的风格一致,包括ios,安卓,PC端

Powered by ckplayer.com
Copyright©ckplayer,2011-2017( 苏ICP备11026158号 )