首页前端开发HTMLckplayer html5代码

ckplayer html5代码

时间2023-07-10 01:58:01发布访客分类HTML浏览731
导读:CKPlayer是一个功能强大的HTML5视频播放器插件,可以在网页中嵌入视频,提供丰富的播放控制,支持多种媒体格式。以下是CKPlayer HTML5代码的详细介绍:<!DOCTYPE html><html><...

CKPlayer是一个功能强大的HTML5视频播放器插件,可以在网页中嵌入视频,提供丰富的播放控制,支持多种媒体格式。以下是CKPlayer HTML5代码的详细介绍:

!DOCTYPE html>
    html>
    head>
    meta charset="utf-8">
    title>
    CKPlayer Demo/title>
    script type="text/javascript" src="ckplayer/ckplayer.js">
    /script>
    /head>
    body>
    div id="myvideo">
    /div>
    script type="text/javascript">
var flashvars={
f:'video.mp4',c:0,p:1}
    ;
var params={
bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'}
    ;
    var video=['video.mp4->
    video/mp4'];
    CKobject.embedHTML5('myvideo','ckplayer/ckplayer.swf','myvideo','100%','100%',false,flashvars,video,params);
    /script>
    /body>
    /html>
    

首先,我们需要引入CKPlayer的JavaScript文件,并在body中创建一个id为"myvideo"的div作为播放器容器。然后,通过JavaScript创建flashvars、params、video等参数,其中f表示视频文件路径,c表示是否显示控制栏,p表示自动播放设置。最后,使用CKobject.embedHTML5函数将视频嵌入到myvideo div中。

CKPlayer功能强大,可自定义性极强,还支持广告、字幕、截图等多种功能,是一个十分值得推荐的HTML5视频播放器插件。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: ckplayer html5代码
本文地址: https://pptw.com/jishu/299858.html
ci设置成.html chtmlview获取网页html源代码

游客 回复需填写必要信息