简介
CKplayer是一款在网页上播放视频的免费视频插件,该插件兼容性强、使用简单、API齐全,任何个人网站或商业网站在不修改右键版权的基础上都可以免费使用,CKplayer集成了对swf和html5的支持,支持主流平台如PC机、Iphone、Ipad、Android系统等。
使用方法
1、下载与解压:从官网下载ckplayer压缩包并解压。
2、创建项目:在开发环境中建立一个新的项目,例如命名为“PlayerDemo”。
3、复制文件:将ckplayer压缩包中的文件及文件夹复制到项目中。
4、创建视频目录:在项目中创建一个名为“video”的目录,并将需要播放的视频放入其中。
5、编写代码:新建一个index.html文件用于编写代码。
调用流程
1、引用核心JS文件:在index.html中引入ckplayer.js核心文件。
<script src="ckplayer/ckplayer.js" type="text/javascript" charset="utf-8"></script>
2、放置div元素:在需要使用播放器的位置放置一个带有id的div元素。
<div id="ckplayer"></div>
3、嵌入播放器:在JS代码中,用CKobject对象的embed方法调用并渲染播放器。
CKobject.embed( "ckplayer/ckplayer.swf", // 注意:这里必须为“ckplayer.swf”文件,用于加载flash播放器 "ckplayer", "ckplayer1", "600", "400", true, { f: "video/1.mp4", c: 0 }, ['video/1.mp4->video/mp4'] );
flash播放器文件路径
:用于加载flash播放器的文件路径。
容器ID
:用于绑定到网页中的div元素的id。
播放器ID
:将播放器替换绑定到网页后的播放器id。
宽度
:播放器的宽度,可以是百分比。
高度
:播放器的高度,可以是百分比。
优先调用设置
:false=优先调用flash播放器,true=优先调用HTML5播放器。
flash播放器的初始化参数
:对象形式,包括默认播放/暂停等设置。
HTML5视频播放地址
:数组形式,详细的可参考官网HTML5视频调用的说明。
自定义播放器
可以通过修改ckplayer.js和ckplayer.xml文件中的相关参数来自定义播放器,例如修改logo的位置和样式。
修改Logo
1、视频加载前显示的logo文件:
mylogo: 'logo.swf', // logo资源 pm_mylogo: '1,1,-100,-55'
2、默认右上角一直显示的logo:
logo: 'cklogo.png', // logo资源 pm_logo: '2,0,-100,20'
控制位置的四个值的意思分别是:
1、水平对齐方式,0是左,1是中,2是右。
2、垂直对齐方式,0是上,1是中,2是下。
3、水平偏移量。
4、垂直偏移。
常见问题解答
1、为什么视频无法播放?
可能的原因包括视频格式不支持、视频格式服务器不支持、视频地址不正确等,确保视频格式为H264编码的MP4、F4V、MOV以及常用的FLV格式,并在服务器中设置相应的MIME类型,检查视频地址是否正确,可以在测试环境里直接访问视频地址看能否访问得到。
2、如何在本地环境下测试CKplayer?
CKplayer需要在服务器环境中运行,不能在本地环境直接打开网页观看视频,可以在本地搭建网页测试环境,或者直接上传到现有的网站空间里用域名来访问和调试。
各位小伙伴们,我刚刚为大家分享了有关“ck播放 视频网站”的知识,希望对你们有所帮助。如果您还有其他相关问题需要解决,欢迎随时提出哦!
文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/46344.html<