ckplayer

在线播放mp4

由 霸气de小男生 提交于 2021-01-11 07:53:29
在线播放mp4 1、准备好支持再网页上播放的mp4格式 AVC（h264） 格式的mp4 2、用ckplayer控制播放 （1）到ckplayer下载js。如： http://www.ckplayer.com/down/ （2）到flask工程中写html静态代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>hello flask</title> </head> <body> <h1>hello flask2</h1> <script type="text/javascript" src="js/ckplayer/ckplayer.js"></script> <div class="videosamplex"> <video id="videoplayer" src="http://127.0.0.1:5000/static/p42.mp4"></video> </div> <script type="text/javascript"> var videoObject = { container: '.videosamplex',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new chplayer(

修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题

由 随声附和 提交于 2020-12-10 04:06:02
修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题 参考文章： （1）修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题 （2）https://www.cnblogs.com/jying/p/9642445.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4782888

分享一个 今天发现一个 ckplayer 播放rtmp 问题 问题。

由 南笙酒味 提交于 2020-04-07 05:02:54
以前视频播放很流畅 由于禁用掉了音频，实时视频流 在ckplayer(6.7) 就一直请求视频黑屏， 换成 ckplayer6.8 也不行。 vlc 播放比较顺畅 或者 flash player播放也不算顺畅，卡顿厉害。 通过抓包发现视频包发的很顺畅 最后发现 播放器在等音频包 所以ckplayer 一直播放不出来。 来源： oschina 链接： https://my.oschina.net/u/240535/blog/808703

KindEditor&ckplayer的简单结合

由 邮差的信 提交于 2020-04-07 05:01:34
原贴发表在我的 个人博客 haha.tk | Ha?Have a Talk! 上，转载请注明出处，谢谢。 链接   ckplayer 6.7： http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=10864   KindEditor4.1.10 (2013-11-23)： http://kindeditor.net/down.php   参考教程： 关于kindeditor整合万能的ckplayer视频播放器插件   因项目需要，现将KindEditor与ckplayer相结合，利用ckplayer播放由KindEditor富文本编辑器上传至服务器的视频。 KindEditor   KindEditor的安装与配置这里不做多余介绍，具体参考 《官方文档-编辑器使用方法》 。 ckplayer的配置   上传相关文件到编辑器的插件目录即 editor/plugins/ckplayer ，基本的文件包括 ckplayer.js 、 ckplayer.swf 、 ckplayer.xml 、 language.xml 和 style.css 。 修改格式验证代码   修改kindeditor.js的960行左右的上传功能的格式验证代码，加入需要支持的视频格式： function _mediaType(src) { if (/\

网站网页视频播放插件简单调用

由 北战南征 提交于 2020-03-11 05:03:43
　　近期做了一个小网站，其中一部分视频模块，所以考虑到了视频插件的调用问题。在寻找插件过程中分别使用了H5Video标签与Flvplayer、ckplayer、CuPlayerV4、HLSPlayer等插件方法的调用，楼主在此做一个简单的汇总，希望对大家有所帮助（文章后面会提供部分百度网盘下载地址）： 　　 H5 Video标签（Video支持视频格式：Ogg、MPEG 4、WebM）： <video id="video" controls="controls" preload="auto" poster="这里为封面图路径" width="100%" height="auto"> <source src="<?php echo base_url("这里为视频路径")?>" type="video/mp4"></video> 　　 Flvplayer(需要下载flvplayer.swf): <embed type="application/x-shockwave-flash" width="100%" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowfullscreen="true" src=flvplayer.swf所在路径?IsAutoPlay

让ckplayer支持m3u8格式的播放

由 我们两清 提交于 2020-02-11 02:03:29
一 ckplayer官网 下载。 直接解压到本地，注意配置里面的默认文件路径，最好是放在服务器的根目录下，这样就可以去访问外链接的资源，官网也是这么推荐的，我这里就直接用node开启一个小服务器。 二 下载插件 http://bbs.ckplayer.com/forum.php?mod=viewthread&tid=18168 ，我这里放置到ckplayer文件夹中。 三、配置 html: <div id="a1"></div>　 js: var flashvars={ f : 'ckplayer/m3u8.swf',//插件地址 a : 'http://dy.jsyunbf.com/20170914/3fMIUCOf/index.m3u8', //文件地址 s : 4, p : 1, wh:'16:9' }; var params= {bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'}; var video=['http://dy.jsyunbf.com/20170914/3fMIUCOf/index.m3u8']; CKobject.embed('ckplayer/ckplayer.swf','a1' ,'ck-video','100%','100%',false

DPlayer简单用法

由 谁说胖子不能爱 提交于 2019-12-19 01:43:51
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> DPlayer 是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku，实时视频（HTTP Live Streaming，M3U8格式）以及 FLV 格式。 用法 HTML <div id="player1" class="dplayer"></div> <!-- ... --> <script src="dist/DPlayer.min.js"></script> 选项 var dp = new DPlayer({ element: document.getElementById('player1'), // 可选，player元素 autoplay: false, // 可选，自动播放视频，不支持移动浏览器 theme: '#FADFA3', // 可选，主题颜色，默认: #b7daff loop: true, // 可选，循环播放音乐，默认：true lang: 'zh', // 可选，语言，`zh'用于中文，`en'用于英语，默认：Navigator language screenshot: true, // 可选，启用截图功能，默认值：false，注意：如果设置为 true，视频和视频截图必须启用跨域 hotkey: true, // 可选，绑定热键，包括左右键和空格

angular2或angular4中使用ckplayer播放rtmp和m3u8视频直播流

由 匿名 (未验证) 提交于 2019-12-02 20:34:42
1. 下载ckpalyer整个包并导入, 将ckplayer放到src/assets/下 2. 引入ckplayer.js angular2中，在angular-cli.json中找到script,添加上ckplayer.js "scripts": ["./assets/ckplayer/ckplayer.js"] <div id="video" class="video"></div> 4. 编写实现函数 videoPlay(){ var videoObject = { container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象 autoplay: false,//自动播放 live: true, poster: 'material/poster.jpg',//视频封面 video:'rtmp://live.hkstv.hk.lxdns.com/live/hks'//视频地址 }; player = new ckplayer(videoObject); } 5.调试程序中的报错,player这里，先声明 player: any; 然后在videoPlayer函数中将最后一行的ckplayer加上this this.player =

dskms改为ckplayer播放器

由 旧时模样 提交于 2019-12-01 00:05:00
将ckplayer代码文件夹上传到/var/www/html/public/static/plugins/目录下 修改/var/www/html/application/home/view/default/store/default/goods/courses.html 注释掉下面代码 <iframe height=100% width=100% src='{$goodscourses.goodscourses_url}' frameborder=0 'allowfullscreen'></iframe> 修改如下： <!-- <iframe height=100% width=100% src='{$goodscourses.goodscourses_url}' frameborder=0 'allowfullscreen'></iframe> --> 同时在下面添加ckplayer播放代码 <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/ckplayer/ckplayer.js"></script> <div id="video" style="width:600px;height:400px;"></div> <script type="text/javascript"> var

ckplayer---vue

由 让人想犯罪 __ 提交于 2019-11-28 05:43:05
1、下载ckplayer.zip包 http://www.ckplayer.com/down/ 2、解压把ckplayer放进vue的static下 3、index.html引入ckplayer.js <script src="static/ckplayer/ckplayer.js"></script> 4、组件简单页面使用 html： <div class="video active" style="width: 300px;height: 300px" id="ckplayera"></div> <div class="video active" style="width: 300px;height: 300px" id="ckplayerb"></div> script： methods: ckplayera () { setTimeout(function () { var videoObject = { container: '#ckplayera', // 容器的ID或className variable: 'player1', // 播放函数名称 与下面一致 autoplay: true, // 是否自动播放 live: true, // 是否是直播视频 true = 直播，false = 点播 mobileCkControls: false, // 是否在移动端
订阅 ckplayer