引入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',//該屬性必需設(shè)置,值等于下面的new chplayer()的對象
poster:'pic/wdm.jpg',//封面圖片
video:'<%=url%>'//視頻地址
};
var player=new ckplayer(videoObject);
</script>
注意事項(xiàng):上文中提到的 wdm.jpg要隨著下插件時(shí)候一起放在同一目錄下。
后端只需要從數(shù)據(jù)庫中把視頻路徑賦給上文中提到的video: 就可以了。
http://www.ckplayer.com/down/