ckplayer网页播放器使用教程

前言

ckplayer是一款在网页上播放视频的免费视频插件,该插件兼容性强、使用简单、api齐全。另外,任何个人网站或商业网站在不修改右键版权的基础上都可以免费使用。

下面将对ckplayer的整个使用过程做一遍简单的说明与演示(想了解更多功能请访问官网)。有兴趣的朋友可以跟着做一遍。

本文涉及环境

开发工具:hbuilder

ckplayer版本:ckplayer v6.7(插件下载地址:点击下载)

浏览器:chrome v48.0.2564.82

注意:ckplayer插件要在服务器环境中使用,在本地环境将不能正常观看视频

项目部署

*压缩包中需要用到的文件:

1. 在huilder中建立项目:"PlayerDemo"

2. 解压ckplayer压缩包中的文件,并将需要用到的文件及文件夹复制到项目中

3.创建视频目录video并放入视频

4. 新建index.html文件用于编写代码

创建的项目目录如下:

调用ckplayer播放视频

在调用该插件所有功能前,需引用ckplayer.js文件

<script src="ckplayer/ckplayer.js" type="text/javascript" charset="utf-8"></script>

未完待续---------

时间: 2024-09-29 23:01:22

ckplayer网页播放器使用教程的相关文章

推荐下:开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !

视频播放, 原本是想h5 自带视频播放,使用很简单,结果现实很骨感. <video controls="controls" preload="auto" height="500" width="700"> <!-- Firefox --> <source src="mv.ogg" type="video/ogg" /> <!-- Safari/C

(转)开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !

文章链接:http://justcoding.iteye.com/blog/2110275 CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,具体的各

网页播放器系列教程(四)--功能开发

(三)功能开发 接上文,我们现在开始编写Javascript代码,前文我们主文件已经引入了js文件,只需在js文件中编写代码. 1.播放音频: 怎样才能让页面播放音频呢?这需要"audio"标签,但是我们不是在页面总插入改标签,而是用JS实现,只需编写如下代码: var Musicaudion = document.createElement("AUDIO") Musicaudion.setAttribute('autoplay',true) document.bo

video兼容ie,ckplayer网页播放器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #video{width: 600px;height: 400px;} </style> <script type="text/javascript" src=&

搭建rtmp直播流服务之4:videoJS/ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用nginx-rtmp搭建直播流媒体服务器,以及使用ffmpeg推流到nginx-rtmp服务器,java通过命令行调用ffmpeg实现推流服务,后端的事情到这里就已经全部完成了. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二次开发就显得很有必要. 一.几种播放器选择 那么播放器,哪些已经不再更新的和收费的,这里不会介绍,只介绍两种轻量级的开源播放器. 1.

基于ffmpeg网络播放器的教程与总结

基于ffmpeg网络播放器的教程与总结 一.         概述 为了解决在线无广告播放youku网上的视频.(youku把每个视频切换成若干个小视频). 视频资源解析可以从www.flvcd.com获取,此网站根据你输入的优酷的播放网页地址解析成若干个真实的视频地址. 二.         实现 首先搜索关闭网络播放器(流媒体播放器的实现方法) 得出的结论,目前主流的播放器分三大阵营微软,苹果,基于FFmpeg内核的.所以我决定从ffmpeg开源的播放器入手. 最出名的ffmpeg播放器vc

搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用 nginx-rtmp搭建直播流媒体服务器; ffmpeg推流到nginx-rtmp服务器; java通过命令行调用ffmpeg实现推流服务; 从数据源获取,到使用ffmpeg推流,再到nginx-rtmp发布流,后端的服务到这里就已经全部完成了. 如果这里的流程没走通,那么这里的播放器也是没办法播放实时流的. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二

android音乐播放器开发教程

android音乐播放器开发教程 android音乐播放器开发教程,布布扣,bubuko.com

网页播放器

1.avi格式代码片断如下:<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0"><param name=