历经十年岁月磨砺，这个网页视频播放器中的王牌终于开源了！

熟悉网络音视频开发的开发者一定对 ckplayer 这个名字非常熟悉，作为一个老牌的网页视频播放器，它为开发者们提供了便捷好用的网页中播放视频的解决方案：只需几个简单的文件即可插入视频。

就在昨天，历经十年岁月的 ckplayer 更新了 X2 版本，最新版的 ckplayer 将正式开源给各位开发者，项目作者也称，从本次更新后，ckplayer 将一直保持开源的状态进行后续的更新。

项目名称：ckplayer

项目作者：niandeng

开源许可协议：MIT

项目地址：https://gitee.com/niandeng/ckplayer

 

项目简介

本项目用于在网页端播放视频，支持mp4、flv、m3u8及 rtmp 协议的直播，支持移动端和 PC 端。

 

项目架构

软件分为两部分：

1.JavaScript 构建支持 HTML5 环境的播放器

2.ActionScript3.0 构建支持 IE9 以前支持 flashplayer 环境的播放器

 

项目特点

• 支持使用js控制播放器，如：播放，暂停，调节音量，静音，实时限制控制栏
• 支持使用js监听播放器各种状态，如播放，暂停，音量改变，播放器尺寸改变
• 支持前贴片广告，中插贴片广告，播放结束贴片广告，暂停广告及其它自定义位置的广告
• 播放器界面采用json文件进行定义，修改方便

 

安装方法

安装ckplayer很简单，因为ckplayer只是几个文件，将ckplayer文件夹放置在网站目录里即可使用，没有安装过程。

ckplayer是独立的组件，不需要依赖任何其它js插件，在需要调用播放器的页面使用如下代码即可进行播放。

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>
<div class="video" style="width: 600px;height: 400px;">播放器容器</div>
<script type="text/javascript">
    //定义一个变量：videoObject，用来做为视频初始化配置
    var videoObject = {
        container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
        variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
        video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>

 

项目演示

 

如果你想了解更多 ckplayer 的代码细节和部署方式，那么就点击后面的链接去项目主页看看吧：https://gitee.com/niandeng/ckplayer