被限制的ckplayer播放器如何实现倍速播放和快进

最新推荐文章于 2024-08-23 17:48:30 发布
最新推荐文章于 2024-08-23 17:48:30 发布
阅读量9.4k 收藏 9
点赞数 1
分类专栏： 教程 文章标签： javascript html5 音视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq363685855/article/details/123162941
版权
本文揭示了ckplayer在在线教育场景中两个常见的漏洞：一是通过开发者模式可任意设置播放速度，二是移动端全屏模式无法限制快进。针对这些问题，提出了利用F12开发者工具修改播放速度及移动端UC浏览器不受限制的情况，提醒用户关注播放器安全与限制机制的完善。
摘要由CSDN通过智能技术生成

很多网络教育视频都喜欢用ckplayer播放器，ckplayer是开源的，可以限制学员拖曳进度条和倍速播放。下面介绍ckplayer两个BUG：

1、F12 进入开发者模式，在控制台console输入：document.querySelector("video").playbackRate=2.0 就是2.0倍速了，可以自己设置，如果无效，自己查下播放器的class是不是video，改成对应的即可。

2、ckplayer在移动端浏览器全屏不能限制快进。可以使用UC等浏览器播放，快进和倍速播放都不受限制。

邓草
关注
专栏目录
修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题
weixin_30562507的博客
07-11 2815
原文地址：https://www.cnblogs.com/jying/p/9642445.html，转载请说明出处。 最近项目需要播放视频且限制未观看部分的快进功能，找了两款js插件ckplayer和jwplayer，由于ckplayer是国内大牛开发的，中文文档比较官方，而且主要是文档说可以禁用拖动，就直接使用了ckplayer，没有测试jwplayer，待日后有时间再学习~~ ...
ckplayer网页播放控件
01-15
ckplayer网页播放控件
ckplayer视频播放器插件（Java）
02-09
将压缩包解压后导入项目 html页面写入<script type="text/javascript" src="路径/ckplayer/ckplayer.js" charset="utf-8"></script> 增加div<!--登录开始----> <div id="popboxs" class="dialog_wrp" style="width: 650px; height:500px;margin-left: -320px;display:none;"> <div class="dialog"> <div class="dialog_hd"> <h4 class="d-title">视频播放</h4> <!--#0001#--> <a href="javascript:void(0);" class="pop_closed" onclick="pupclose()">关闭</a> <!--01%--> </div> <div class="dialog_bd"> <div id="vidiopath"></div> </div> <!----dialog_bd end--------> </div><!----dialog end--------> </div><!----dialog_wrp end--------> <div id="bg" class="t-mask" style="display:none;"></div> <!--登录结束----> 增加js <script type="text/javascript"> //弹出层播放视频 function play(url) { $("#popboxs").css("display",false); $("#bg").css("display",false); var flashvars={ f:url, c:0, b:1 }; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'}; CKobject.embedSWF('${front_project_path}ckplayer/ckplayer.swf','vidiopath','ckplayer_a1','600','400',flashvars,params); function closelights(){//关灯 alert(' 本演示不支持开关灯'); } function openlights(){//开灯 alert(' 本演示不支持开关灯'); } } //隐藏登录页 function pupclose(){ $("#popboxs").css("display","none"); $("#bg").css("display","none"); } </script>
ckplayer去掉倍速和清晰度按钮
weixin_39725702的博客
06-14 298
ckplayer去掉倍速，清晰度
ckplayer播放器自动播放下一集以及点击下一集
weixin_44732821的博客
07-18 2599
ckplayer播放器自动播放下一集以及点击下一集。
ckplayer 隐藏倍速按钮（备忘）
Aldams的博客
08-31 2659
ckplayer.js（X1版本）文件，修改ckplayerConfig方法中的playbackRate参数。
可以倍速播放的播放器
04-02
倍速播放软件PotPlayerSetup64！无意中发现的，也许是我太low，拿出来和大家分享下
把kiftd的视频预览改为ckplayer增加倍速功能
hello world
07-23 614
kiftd是一款便捷、开源、功能完善的 JAVA 网盘 / 云盘 系统。具备视频在线播放功能，但是默认的视频播放没有倍速功能，所以可以引入ckplayer来完善视频功能。
Ckplayer x 去掉选择倍速按钮
大学生学编程
04-26 6519
PC端，H5 播放器，去掉此选项的方法：修改ckplayer.js 第219行（X版本的，也可以搜索关键词），//全局变量/变量类型：Array/功能：HTML5变速播放的值数组/如果不需要可以设置成null this.playbackRateArr= [ //[0.5, '0.5倍'], //[1, '正常'], //[1.25, '1.25倍'], //[1.5, '1.5倍...
ckplayer如何设置键盘的方向左和方向右是快退或快进多少秒？
昊虹AI笔记
01-06 779
ckplayer如何设置键盘的方向左和方向右是快退或快进多少秒？
ckplayer插件使用
qq_36173194的博客
02-06 5398
之前做监控视频直播，用到了ckplayer，ckplayer超酷网页播放器是一款用来在浏览器播放视频的插件工具，下面说一下简单的使用方法。 使用ckplayer需要的插件文件如下： 里面的文件每一个都不能少，否则会报错。 先说一下进行监控直播的原理：我们选用C2C智能监控器摄像头进行安装监控，此时想要获取监控直播视频只需要获取监控摄像头的HLS播放地址，每一个监控摄像头都有一个唯一的
织梦ckplayer视频播放器插件 v1.9.rar
07-09
织梦ckplayer视频播放器插件是一款功能非常强大的视频播放插件，可以让你的网站立刻拥有视频播放功能，并且兼容手机移动端html5视频播放，是目前用户数量最多的一款视频播放插件。 织梦ckplayer视频播放器插件主要功能 1、网页在线播放flv、f4v、MP4等格式的视频，兼容手机端html5视频播放功能 2、播放器的皮肤风格可随意更换，本站还提供了大量的ckplayer风格，logo以及左上角水印图片等等都可以自己定义； 3、支持设置视频播放的前置广告、暂停广告以及滚动文字广告； 4、支持开关灯效果； 5、支持将视频地址分享到腾讯微博等各大社交网站； 6、支持调整视频显示比例； 7、支持播放结束后显示精彩内容推荐； 8、支持自动隐藏控制栏，且隐藏后会在底部显示一个简单的视频播放进度条； 9、支持进度条的视频预览功能； 10、支持多种配置方案的设定，可以在不同的模板使用不同的播放器设置，如皮肤风格，广告内容等等。 11、支持多段视频地址拼接播放，多段视频地址填写的时候用“||”隔开。 织梦ckplayer视频播放器插件PC端内容页面截图 织梦ckplayer视频播放器插件手机端截图 织梦ckplayer视频播放器插件 v1.9 更新日志 01、对文件结构进行调整，插件所有的文件均存放在ckplayer目录下，更方便管理； 02、采用面向对象编程思想对插件核心代码进行重新编写，方便以后扩展更多功能； 04、增加了PC端视频播放器大小自适应的设置，可在PC端也设置宽度高度为百分比； 05、增强了手机移动端html5视频播放的兼容性； 06、进一步简化播放器调用代码； 07、去掉了没有多大意义的功能设置，如控制栏隐藏后显示的简单进度条设置； 08、修复了多段视频拼接播放的BUG； 09、修复其它已知的BUG。
ckplayer6.4
08-13
请2014‎-08-01‎ ‏‎21:00:00前下载的用户重新下载，替换ckplayer.swf以及ckplayer.js中的302行(function() {及以下的代码。 更新日记： 2014‎-8-1‎ ‏‎21:00:00 增加在无法调用ckplayer.xml以及ckplayer.js中的ckstyle()函数时使用默认配置的功能 2014-7-31 09:28:00 修正了在iPhone微信浏览器里无法加载视频的错误。 ‎2014‎-7‎-25‎ ‏‎20:42:52 修正rtmp视频暂停后无法拖动的bug 2014-7-24 14:18:00 修正了rtmp视频在有些情况下暂停后不能继续播放的错误以及播放后无法获监听到paused函数的错误。 2014-7-15 17:58:00 修正了在暂停状态下快进时暂停按钮不隐藏的bug
网页视频播放器ckplayerPlay
06-07
这是本人整理过的，没有任何logo的，纯净的视频播放器，测试过的完全可以播放，直接打开不能播放，必须放在服务器上，或iis中才能播放 下面列出本播放器所具有的功能 0:全面支持H.264格式的flv,f4v,mp4主流视频格式，同时支持rtmp实时视频流或rtmp协议下的视频回放，支持实时拖动进度条(需服务器设置好) 1:你可以自己定义播放器风格，包括各按钮的样式和位置 2:支持前置视频广告，Flash广告 3:支持暂停图片或Flash广告，支持播放视频时显示文字滚动广告 4:支持播放器和JS的互动，如：可以用JS控制播放器的播放或暂停，音量，视频的长宽比，同时支持回调播放器的状态，如是否全屏，是否播放结束 5:支持多段视频的无缝播放，支持多集视频的连续播放 6:支持界面分享功能，并且可以自定义分享到任何博客或其它网站的按钮图片 7:支持调节视频的亮度，对比度（也包括色相和饱和度），支持调节视频的长度和宽度 8:支持视频播放结束调用相关视频列表,支持循环播放，或播放结束调用一个js函数执行设置好的动作 9:支持和任何网页程序，各种CMS的整合，甚至可以做到用一个参数的形式直接在页面中以插入swf文件的形式播放视频
vue:移动端使用ckplayer
qq_36413371的博客
11-01 2802
h5 播放倍速： playbackrate: 0 // 这个属性可以关闭 关闭的功能 (支持html5的) // 音量调节 在移动端是否显示音量调节按钮 // 倍速播放 this.playbackRateArr = [[0.5, ‘0.5倍’], [1, ‘正常’], [1.25, ‘1.25倍’], [1.5, ‘1.5倍’], [2, ‘2倍速’], [4, ‘4...
ckplayer ajax,谁能帮我做一个脚本啊？能让这个网页视频播放可以拉动进度条 可以快进...
weixin_36260304的博客
08-06 1504
谁能帮我做一个脚本啊？能让这个网页视频播放可以拉动进度条 可以快进$('.c_type').click(function(){var data_id = $(this).attr('data-id');$('.course_type div').removeClass('active');$('.tab_content').css('display','none');$(this).addClas...
使用ckplayer控制视频播放
最新发布
宣晨光
08-23 471
ckplayer是一款在网页上播放视频的软件，基于javascript和css，其特点是开源，功能强大，不依赖其它插件，二次开发简单方便。
设置网页视频播放倍速
热门推荐
wcy1900353090的博客
12-11 1万+
设置网页视频播放倍速 网页视频课程不让倍速快进怎么办？
java 设置视频倍速
10-04
在Java中设置视频倍速可以通过使用现有的视频处理库来实现。以下是一种可能的实现方式： 首先，需要使用一个合适的Java视频处理库，例如FFmpeg或JCodec。这些库提供了丰富的视频处理功能，包括倍速调整。 然后，可以通过以下步骤来设置视频倍速： 1. 导入所选择的视频处理库，并初始化所需的对象。 2. 使用库提供的函数加载要处理的视频文件。可以通过指定视频文件路径或将视频数据读取到内存中来实现。 3. 根据需要，可以使用库提供的函数更改视频的播放速度。通常可以通过设置视频的时间间隔或帧率来实现。 4. 在更改视频倍速后，可以使用库提供的函数保存更改后的视频文件。可以通过指定输出文件路径或将视频数据写入内存中来实现。 5. 在完成视频倍速设置后，需要释放所使用的资源并关闭相关对象。 这只是一种可能的实现方式，具体实现要根据所选择的视频处理库的方法和函数来确定。完成这些步骤后，可以通过运行Java程序来设置视频的倍速。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值