IT技术

支持多浏览器的视频播放插件
作者:
来源: 本站
发布日期: 2018/2/15 10:41:22
点击量: 4414次
【 字体:
背景颜色:

 支持多浏览器的视频播放插件

          1.需要引入的js插件。

              引入ckplayer.js插件,需要注意的是,引入ckplayer.js之前需要引入jquer插件,不然该插件无法使用。

             

          2.前端代码

                <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要随着下插件时候一起放在同一目录下。

          3.后端代码

           后端只需要从数据库中把视频路径赋给上文中提到的video: 就可以了。

           4.控件截图

             


   5.下载地址;

   http://www.ckplayer.com/down/

扫一扫在手机打开当前页

Contact

联系我们

告诉我们您想要的吧!我们为当地客户提供专业、及时的服务
地址:云南省昆明市白云路368号
电话:400-871-8716 (工作时间:09:00-18:00(周一至周五))
何总:23592693
李总:53815112