引入ckplayer.js插件,需要注意的是,引入ckplayer.js之前需要引入jquer插件,不然该插件无法使用。
<script src="../../ckplayer/ckplayer.js"></script>
<div class="video" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
var videoObject = {
container: '.video',//“#”代表容器的ID,“.”或“”代表容器的class
variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
poster:'pic/wdm.jpg',//封面图片
video:'<%=url%>'//视频地址
};
var player=new ckplayer(videoObject);
</script>
注意事项:上文中提到的 wdm.jpg要随着下插件时候一起放在同一目录下。
后端只需要从数据库中把视频路径赋给上文中提到的video: 就可以了。
http://www.ckplayer.com/down/