一个兼容IE7\IE8,H5的多功能视频播放器,H5视频播放器兼容Flash视频播放器
这里记录一个视频播放器,免费可适当修改;名称:ckplayer视频播放器(免费)
官网地址:http://www.ckplayer.com/
下载地址:http://www.ckplayer.com/down/
官网有详细的软件说明。
示例:
Body 代码
<div id="video_container"></div> <script type="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; var ck; var videoid = 'video' function playVideo() { 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(); function loadedHandler() { 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'); } } function pauseHandler() { //没有任何参数,但运行到这里则确认视频已暂停 } function playHandler(){ // trace("播放了"); //删除监听 // console.log("播放了"); playVideo(); // ck.removeListener("demo.swf","play",playHandler); } </script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示