ckplayer 播放器 默认第一帧为封面

ckplayer 如何设置默认第一帧为封面啊,或者默认视频为封面,(而不是要另外上传一张封面图来做封面)。在哪里可以设置。因为每次都要上传一张图太麻烦了。

4个回答

对了。还应该在初始时设置静音,暂停之后再取消静音

            var videoObject = {
                container: '#video', //容器的ID或className
                variable: 'player', //播放函数名称
                loaded: 'loadedHandler', //当播放器加载后执行的函数
                autoplay: true, //是否自动播放
                video: 'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4'
            };
            var player = new ckplayer(videoObject);
            function loadedHandler() {
                player.videoMute();
                player.addListener('time', timeHandler); //监听播放时间
            }
            function timeHandler(time) {
                if (time>0) {
                    player.removeListener('time', timeHandler); //移除监听播放时间
                    player.videoPause();//暂停
                    player.videoEscMute();
                }
            }

ckplayer中没有现成的这种设置。
不过可以先设置自动播放,在开始播放后让它马上暂停。类似这样

            var videoObject = {
                container: '#video', //容器的ID或className
                variable: 'player', //播放函数名称
                loaded: 'loadedHandler', //当播放器加载后执行的函数
                autoplay: true, //是否自动播放
                video: 'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4'
            };
            var player = new ckplayer(videoObject);
            function loadedHandler() {
                player.addListener('time', timeHandler); //监听播放时间
            }
            function timeHandler(time) {
                if (time>0) {
                    player.removeListener('time', timeHandler); //移除监听播放时间
                    player.videoPause();//暂停
                }
            }

用ffmpeg提取视频中某一帧作为封面的图片:https://www.cnblogs.com/lnice/p/6676606.html

这个比较详细
https://blog.csdn.net/jw20082009jw/article/details/53868909

之后你就可以用ckplayer的videocover属性设置封面了。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ckplayer 播放器 默认第一帧为封面
ckplayer 如何设置默认第一帧为封面啊,或者默认视频为封面,(而不是要另外上传一张封面图来做封面)。在哪里可以设置。因为每次都要上传一张图太麻烦了。
ckplayer播放器
插入网页中,可以定义logo,广告,播放mp4、flv,等主要格式
ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理
在使用ckplayer播放器时,页面加载后视频默认不自动播放,此时想要给视频设置一个默认的封面图片,否则视频会漆黑一片,如下图所示,影响页面的整体美观性, ckplayer也提供了响应的设置方法,可以在代码中设置相应的参数,如下图: 这样在部分浏览器中即可以正常显示设置的封面图片了,但在有些浏览器中(经测试,目前发现Google、Edge、猎豹等)还是不行,需要点击一次播放按钮
Ckplayer播放器JS插件
JS播放器插件-Ckplayer6.3的Demo和使用配置帮助
ckplayer网页播放器
ckplayer是一款在网页上播放视频的免费软件,主要特点是:免费,小巧,功能强大,定制方便。 任何个人网站或商业网站在不修改右键版权的基础上都可以免费使用。
ckplayer播放器 直播
移动端地址格式 m3u8 CkPlayer var videoObject = {         container: '.video',//“#”代表容器的ID,“.”或“”代表容器的class         variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象         lo
网页播放器的使用(ckplayer)
1、ckplayer官网下载相关文件夹并将其放在项目根目录下 2、在使用页面进行引入
支持弹幕 ckplayer 播放器
一个超好用的支持弹幕的播放器 支持各种类型视频播放包括rmpt视频流
Ckplayer播放器播放视频
CKplayer作为是非常好用的视频播放插件,但是目前我只能让他播放已经有的网络视频资源:<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@taglib uri="/struts-tags" prefix="s"%&amp
ckplayer播放器的使用
 下载地址:https://download.csdn.net/download/yilia_jia/10629355 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&
ckplayer 6.7 Flv播放器.rar
ckplayer Flv播放器,crossdomain.xml文件直接拷贝到网站根目录下,很重要,不然有时会导致有些浏览器不兼容。文件说明:adjustment.fla 调整比例插件   mylogo.fla 官方的logo源文件   Preview.fla 视频预览源文件   related.fla 播放结束显示精彩视频的源文件   right.fla 右边开关灯的源文件   share.fla 分享源文件
HLS播放器+ckplayer播放插件
ckplayer播放插件H5播放器HLS播放器m3u8播放器
【经典】直播、点播播放器ckplayer
前些日子,在做一个视频监控内容安全检测demo,找直播专用播放器时发现ckplayer,觉得还可以!例子齐全,功能完善,demo也挺全.... 使用过程中可能会需要修改的地方: 1、logo修改 style.swf修改成style.zip(修改完成后再改回style.swf,并且清缓存),里面的cklogo.png是右上角的,logo.swf是中间的,你可以自己制作相同文件名的文件放进去...
ckplayer X 播放器 列表播放
ckplayer X 版本 播放器如何实现列表播放啊,(如下图)那样的 ,有的麻烦贴一下代码 ,或者发我邮箱啊2083645287@qq.comrnrnrn![图片说明](https://img-ask.csdn.net/upload/201809/04/1535998191_418854.jpg)
超酷flv播放器CKplayer 6.7.zip
超酷flv播放器-CKplayer,超酷的网页播放器,支持http协议下的flv、f4v、mp4,还支持rtmp视频流,是你做视频直播,视频播放的理想播放器。 超酷flv播放器CKplayer 6.7 更新日志:2015-03-16 一:修复Bug 1:修复了多段视频播放时间出错的bug,修复了在有些情况下进度栏拖动时乱跳的bug 2:修复了控进度栏限制向前拖动,向后拖动时间不准确的bug 3:修复了lv=1时,全屏切换时进度栏按钮位置的bug 4:修正了前置广告是视频广告时,倒计时时间设置大于视频时间导致跳转不了的bug二:新增加的内容1:ckplayer.js,ckplayer.xml中的setup增加了一个参数,第43个参数,默认是0,当=1时,调用网址形式或xml形式的地址时,调用文件中的视频地址可以是相对于调用文件的地址2:在CKobject.embed函数最后增加了一个参数,控制html5下控制栏是否显示,默认true,false=隐藏
Vue中使用Ckplayer播放器
1、官方下载地址:http://www.ckplayer.com/down/ 下载最新的即可。 2、解压后可以看到 ckplayer这个目录,将它复制到项目中的static目录下。 3、在index.html中引入即可。 4、使用。 在data中定义videoObject对象。 videoObject: { width: 1015, // 宽度,也可以支持百分比(不过父元素宽度要有) ...
超酷flv播放器CKplayer 6.3
超酷flv播放器CKplayer 6.3
xdc播放器,显示封面
播放器资源显示封面的,非常实用,占用资源小
Android 获取视频某一帧,并且设置为封面
最近要做一个为视频设置封面的功能,这里展示一下简单的demo。 demo效果 这里直接将选取的视频某一时间的bitmap显示在视频下方。上面是视频,下面是所获取那一帧的截图。 具体代码 这里的话主要是靠videoView来显示视频内容,seekBar来控制视频的进度,使用MediaMetadataRetriever来获取所选中进度的时间的视频画面。 布局代码 <LinearLayout x...
javacv实现上传视频后自动保存封面缩略图(视频第一帧)
首先,使用场景: 现在视频网站展示列表都是用img标签展示的,动图用的是gif,但是我们上传视频时并没有视屏封面,就这需要上传到服务器时自动成功封面并保存 JavaCV 是一款开源的视觉处理库,基于GPLv2协议,对各种常用计算机视觉库封装后的一组jar包,封装了OpenCV、libdc1394、OpenKinect、videoInput和ARToolKitPlus等计算机视觉编程人员常用库的...
根据视频地址获取视频的第一帧画面做为封面
关于这一类的文章网上也是很多的,只是在复制黏贴别人代码的时候竟然直接崩溃了……这就很蛋疼了!public Bitmap getBitmapFormUrl(String url) { MediaMetadataRetriever retriever = new MediaMetadataRetriever(); retriever.setDataSource(url); //g
截取网络视频第一帧为图片
从网上获取视频的url路径 如何能截取视频的第一帧做为图片保存到数据库中呢?
DEDEcms织梦ckplayer播放器插件 v1.7.rar
DEDEcms织梦ckplayer播放器插件,支持flv、f4v、MP4等格式的视频,还支持html5视频播放,另外借助第三方解析(需要申请免费token)还可以直接播放优酷、土豆等网站的视频。同时还支持视频分享、前置广告、暂停广告以及滚动文字广告、开关灯效果、自动隐藏控制栏、全屏控制、视频比例调节等功能。
获取视频第一帧工具类(不设置默认获取第一帧)
根据ffmpeg获取视频第一帧工具类(不设置默认获取第一帧)
使用CkPlayer网页播放器实现视频播放
ckplayer6.8 body,td,th { font-size: 14px; line-height: 26px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } p { margin-top: 5px; margin-right: 0px; marg
react中index中引入ckplayer播放器
1. 下载包到本地 网址: http://www.ckplayer.com/ 将包解压放于public文件夹下 3. index.html中引入ckplayer.js 在body标签下添加 script type="text/javascript"> // 动态生成腳本 // urls----script.src地址数组、callback---回调函数 ...
Ckplayer播放器在jsp页面使用(含实时更新进度)
第一步:ckplayer播放器插件下载 ckplayer官方:http://www.ckplayer.com/down/ 第二步,把ckplayer\ckplayer里ckplaye.js和ckplaye.swf放到项目的对应文件夹中 js引入 第三步jsp创建存放播放器的div div id=“video” style=“width: 600px; height: 400px;” 第四步j...
CKplayer 超酷flv网页播放器 v5.2
 CKplayer 超酷flv播放器,是一款免费极好用的高清Flv网页播放器,测试时请注意,CKplayer需要放在IIS下才能正常运行。因5.2较以前版本改动较多,而且也不能由之前的版本直接升级至5.2,因此源码爱好者保留了之前版本的CKplayer,有需要的可通过此页面下载:      CKplayer 超酷flv播放器 v4.0      CKplayer 超酷flv播放器 v5.2功能列表:   1、支持http协议下的flv,f4v,mp4视频;   2、支持rtmp协议视频流;   3、支持rtmp协议下的视频回放 ;   4、可以自己定义界面内容:如定义开始/暂停按钮,显示已播放时间/总时间,静音/取消静音按钮,音量调节,全屏/取消全屏按钮,进度条,视频等的大小和位置以及图片样式,各种提示文本;   5、支持JS互动,用户进行各项操作(如调节音量,开始/暂停,静音/取消静音,全屏/取消全屏等操作时都会返回相关状态),该功能需要手动开启;   6、支持视频前置广告,(支持flash,图片,视频[flv,f4v,mp4]);   7、支持暂停广告,(目前只支持flash,图片);   8、播放结束支持停止并发送js,停止,和重播;   9、支持播放时视频底滚动文字广告;
怎么设置KMPlayer为默认播放器
我用360软件管家-高级工具-设置默认软件-把KMplayer设为默认播放器,但是重启以后又变成暴风影音是默认播放器。我想用KMplayer为默认播放器,请问怎么解决?
获取视频的第一帧
MediaMetadataRetriever media = new MediaMetadataRetriever(); // Uri uri=Uri.paese("android:resource://包名/"+R.raw.xxx); Uri uri = Uri.parse("android.resource://"+getPackageName()+"/" + R.raw.local);
获取视频第一帧
[img=https://img-bbs.csdn.net/upload/201610/31/1477880556_732250.png][/img]rnrn请问各位前辈 我的地址哪里错了 应该怎么改
改造:ueditor上传的视频默认显示第一帧画面
ueditor上传的视频默认设置不加载,如图: 原因:点击开始播放再加载资源,video标签设置了preload="none",修改代码: 在ueditor.all.js文件内 找到function creatInsertStr(url,width,height,id,align,classname,type){}方法,大致在17654行附近: 修改代码preload="metadata" 提前...
ckplayer文档
ckplayer文档
ckplayer服务器搭建
ckplayer服务器搭建 最近要使用ckplayer播放视频,但是ckplayer需要用服务器启动,记录一下一个简单的服务器 npm install http-server -g pm i http-server yarn -g http-server http-server . ...
ckplayer X
ckplayer X 最新版本,可以手机直播,支持IOS和安卓,兼容性好,播放快
播放器设置默认相对路径
做好的播放器,把一首歌设置成播放启动时候就播放,那怎样才能设置这首歌的相对路径呢,有什么函数
换个默认播放器
我有三个播放器,现默认为WINAMP,我想改为REALONE。怎么办?rn万分感激!
如何设置默认播放器
谁知道在win ce中如何设置默认播放器呀!!!我不想用mediaplayer. 最好是改注册表的,因为我要实现永久性修改,如果能不用注册表实现更好.对了.谁知道怎么用mediaplayer播放视频呀,我的只能听mp3....如果能放视频的话 我就不用改默认播放器了
VLC播放器每一帧触发事件
VLC播放器播放视频时,每播放一帧,就触发一个事件,有相关的接口吗?rn在下用的VLC 的.net控件
超酷网页视频播放器-CKplayer
软件介绍 说明,播放器需要放在iis网站目录里才可以正常运行播放 本播放器为免费软件,您可以放心使用于商业或非商业的网站 超酷网页视频播放器-CKplayer v5.3 更新日志 1、对于自动播放或前置广告存在的情况下的bug 功能列表如下: 1、支持http协议下的flv,f4v,mp4视频; 2、支持rtmp协议视频流; 3、支持rtmp协议下的视频回放 ; 4、支持多段视频无缝播放 ; 5、可以自己定义界面内容:如定义开始/暂停按钮,显示已播放时间/总时间,静音/取消静音按钮,音量调节,全屏/取消全屏按钮,进度条,视频等的大小和位置以及图片样式,各种提示文本; 6、支持JS互动,用户进行各项操作(如调节音量,开始/暂停,静音/取消静音,全屏/取消全屏等操作时都会返回相关状态),该功能需要手动开启; 7、支持视频前置广告,(支持flash,图片,视频[flv,f4v,mp4]); 8、支持暂停广告,(目前只支持flash,图片); 9、播放结束支持停止并发送js,停止,和重播; 10、支持播放时视频底滚动文字广告; 11、支持加载视频前播放自定义LOGO,让播放器看起来更像您的播放器; 12、支持超强的简单视频播放和分享功能
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview