这里记录一个视频播放器,免费可适当修改;名称:ckplayer视频播放器(免费)

官网地址:http://www.ckplayer.com/

下载地址:http://www.ckplayer.com/down/

官网有详细的软件说明。

示例:

Body 代码

   <divid="video_container"></div><scripttype="text/javascript"src="ckplayer/ckplayer.js"charset="utf-8"></script>

脚本部分:

<script type="text/javascript">var source_array = ["/videos/01.mp4","/videos/02.mp4"];var i = 0;varck;var videoid = 'video'functionplayVideo() {var length =source_array.length;if (i >= length) { i = 0;  }var videosrc =source_array[i]console.log(videosrc);var flashvars ={f: videosrc,c:0,b:1,p:1,//i: 'images/default_img.jpg',loaded: 'loadedHandler'};var video = [videosrc+'->video/mp4'];ck= CKobject.embed('ckplayer/ckplayer.swf', 'video_contailer', 'ckplayer_a1', '600', '400', true, flashvars, video);i++;}playVideo();functionloadedHandler() {if (CKobject.getObjectById('ckplayer_a1').getType()) {console.log('播放器已加载,调用的是HTML5播放模块');CKobject.getObjectById('ckplayer_a1').addListener('ended', playHandler);}else{console.log('播放器已加载,调用的是Flash播放模块');CKobject.getObjectById("ckplayer_a1").addListener('ended', 'playHandler');}}functionpauseHandler() {//没有任何参数,但运行到这里则确认视频已暂停
}functionplayHandler(){//trace("播放了");//删除监听//console.log("播放了");
playVideo();//ck.removeListener("demo.swf","play",playHandler);
}</script>

 

转载于:https://www.cnblogs.com/davies/p/7770423.html

一个兼容IE7\IE8,H5的多功能视频播放器,H5视频播放器兼容Flash视频播放器相关推荐

  1. 一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: <!Doctype html& ...

  2. 搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 -

    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题? 百度源代码如下: 1 <!Doctype htm ...

  3. DIV CSS IE6/IE7/IE8/FF兼容问题汇总

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

  4. IE6/IE7/IE8/FF兼容问题汇总,以及解决方案

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

  5. DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

  6. DIV+CSS IE6/IE7/IE8/FF兼容问题大全

    其他兼容技巧(相当有用) 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中. ...

  7. ie8浏览器html圆角问题,css圆角和阴影兼容问题(ie7,ie8)

    Document .box { background-color: #f0f0f0; width: 740px; height: 40px; border: 1px solid #d7d7d7; -m ...

  8. IE兼容问题IE6,IE7,IE8,IE9,IE10

    x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使 ...

  9. html label标签 ie6,IE6 IE7 IE8三大浏览器的CSS兼容速查表

    IE每个新版本的推出,就不可避免地在IE的各个主要版本之间产生兼容问题,尽管IE8推出已有时日,使用IE6的用户仍然相当可观.本文以速查手册的形式介绍CSS(2.1和3)在IE6,IE7,IE8三个版 ...

最新文章

  1. ajax dojo deferred,dojo(四):ajax请求
  2. 计算机与安全工程专业结合应用论文,安全工程专业教学论文(5篇)(共17517字).doc...
  3. IT大佬廖雪峰带你玩转Python数据分析(内附资源)
  4. Error: java.lang.RuntimeException: java.lang.NoSuchMethodException: com.henu.WC $WCMapper.init()
  5. CentOS命令行安装配置KVM详细教程
  6. shared_ptrT make_shared( Args ... args );
  7. 使用pm2启动node文件_PM2 是什么
  8. 创建选修专业表oracle,数据库及数据表的创建与删除 (Oracle实验)
  9. 机场精细化管理_全国首家!西安咸阳国际机场通过民航局安全管理体系专项审核...
  10. AspNetPager分页控件样式
  11. [UPC] 2021秋组队17
  12. sparksql-分组月度环比同比自动化
  13. wsl虚拟机ubuntu安装宝塔要知道的
  14. 2014年中南大学上机复试
  15. 新手小白进阶_枚举 enum
  16. 页面级优化——icon图标显示方式
  17. 微信公众号/订阅号开通留言功能
  18. Java面试题(4)
  19. 小程序开发API之改变置顶栏文字内容 wx.setTopBarText(已停,只有旧版微信有效)
  20. 简简单单玩转CSS3(1)

热门文章

  1. 链表头结点存在的意义
  2. java让两个线程交替_java两个线程实现: 两个线程交替打印字母和数
  3. 右键计算机无法进入管理员权限,电脑鼠标右键怎么添加取得管理员权限选项
  4. [Linux网络编程]以太网封装格式及相关结构体
  5. 【kafka】kafka消费者报错INVALID_FETCH_SESSION_EPOCH
  6. 【ElasticSearch】Es 源码之 NamedWriteableRegistry 源码解读
  7. 60-420-020-使用-存储过程-使用存储过程和函数插入大数据量
  8. 【nginx】nginx 原理
  9. 【clickhouse】Code: 135. DB::Exception: Received from xxx:9000. DB::Exception: Indices in strings are
  10. 【kafka】kafka docker jmx 远程连接 跨容器