现在有不少视频网站,自带了播放加速功能,例如油管,bilibili,慕课等等.节省了很多看视频的时间,特别是看一些技术教程类的视频,不管是念ppt还是手把手演示.

在自己付费的一些网站中,一些是自带播放器不支持视频加速的.因为已经被加速惯坏,变得很不习惯,今天特意研究了一下,对于几种形式给出一些解决方法.

html5播放器

主要标志是<video>,这种是最方便实现加速的,因为原生支持.
主要依靠这两个属性:

defaultPlaybackRate* (float): The playback speed at which the video should be played
playbackRate* (float): The current playback speed: 1.0 is normal, 2.0 is two times faster forward, -3.0 is three times faster backwards and so on

可以自己在console中修改实现(来源):

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;  

对应的插件chrome市场也有,用的比较多的有video speed controller.
市场地址

github

flash播放器

比较头疼的一个,chrome市场中也没有找到对应的插件.
比较早之前傲游浏览器做过类似功能,实现的具体讨论见 新版傲游主打的「马上看」是如何实现对视频广告的快进的?.
不过这个功能已经凉了无法使用.
网上其他比较多的方案是myspeed.不过是收费软件,并且一切反馈里表示看一会儿就挂了.
那只能用下载的方式拿到源文件,然后再用本地播放器比如potplayer等加速了.
但一些网站采用付费课程的形式,做了相应的举措防止用户下载,这样就感觉无计可施了.

不过有一些迂回的方式,这类网站还在使用flash没有升级到html5,但在mac上使用flash并不方便,所以他们可能为了mac或者iOS的用户采用了其他的播放方式.

今天遇到了一个这样的例子:

if(isMobile() && isSafari() )
{$("#player").html('<video src="'+vodadd_m3+'" class="videoimg"  controls="controls"></video>');
}
else
{var fls = flashChecker();if (fls!=null && !fls.f){alert("请安装flash播放控件,并使用QQ浏览器观看!");}$("#player").html(' <embed src="'+vodadd+'" quality="high"  class="videoimg"   allowScriptAccess="always" allownetworking="all" '+
'allowfullscreen="true" type="application/x-shockwave-flash" wmode="window" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');   }

js里有增加video标签的代码! 这样就转换到了上面的html5播放器的解决方法了.
isMobileisSafari的判断用UA就可以糊弄过去了.(chrome F12设备选择ipad即可, 或者用Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10)
然额并打不开,因为他又使用了m3u8这种格式,所以才在js里判断safari.
但有对应chrome插件支持,在应用市场安装Native HLS Playback在页面点击play embedded即可.
这样因为之前又装了video speed controller,就出现了调整速度的选项.
至此在这种特殊情况下的flash播放问题也解决了.

不过针对只有flash播放器的环境还是没找到合适的解决方法.
但可以通过查看判断的代码,改变UA等方式再找找有没有可以迂回的方式.

转载于:https://www.cnblogs.com/fairjm/p/html5_flash_video_speed_up.html

几种方式加速网页视频播放速度相关推荐

  1. 修改网页视频播放速度

    修改网页视频播放速度 在网页开发者工具console里输入 document.querySelector('video').defaultPlaybackRate = 2.0;

  2. diy网页加速服务器教程,巧用网络加速工具 加速网页浏览速度

    您可能感兴趣的话题: 网络加速工具 核心提示:相信很多经常上网的朋友都遇到过浏览网页速度很慢的情况,这种情况除了有自身带宽的原因外,比如北方网通用户浏览电信服务器的页面.电脑内存太小.浏览器加载插件太 ...

  3. 三种方式实现网页二级菜单

    方法一:使用HTML和CSS实现 首先是Html代码,习惯上会将菜单放在一个div里,使用盒子模型,方便以后的操作和设置样式. 二级菜单也就是在一级菜单中的li中再添加一个ul-li结构 <di ...

  4. 网页视频播放速度修改器,亲测可用

    废话不多说,直接上干货. 第一步:下载chrome插件并解压,下载方式: 链接:https://pan.baidu.com/s/1K-zUL1uPBPVOODEJj5jnGQ 密码:dd34 第二步: ...

  5. android 自动表单提交数据,Android 使用三种方式获取网页(通过Post,Get进行表单的提交)...

    // 直接获取信息 void DirectInfo() throws IOException { URL url = new URL(SRC); HttpURLConnection httpConn ...

  6. android 打开网页的两种方式.

    有时候我们要在自己的应用中打开一个网页. 这是本人用到 的两种方式. 1.  网页放置于自己的ACTIVITY              1.1 在资源文件中申明WIDGET <WebView ...

  7. 替代反射调用的几种方式及性能测试

    园子里和这个话题的相关文章比较多,本文是旧话重提,外加个小的总结.主要因为近期看到很多同事.朋友都已经使用 VS2012 进行 .NET 4.5 开发了,却还在大量使用反射,不知道用新的方式.或有所了 ...

  8. Python高并发应用场景下四种写入SQLite数据库的速度比较

    "Python小屋"编程比赛正式开始 中国大学MOOC"Python程序设计基础"第5次开课 推荐图书: <Python程序设计基础(第2版)>,I ...

  9. html5引入文本,引入文本有几种方式

    Dreamweaver允许通过几种方式在网页中添加文本,即直接将文本输入到网页文档中.从其他文档复制和粘贴文本或导入文本. 1.直接输入文本 启动DreamweaverCS6后,进入Dreamweav ...

  10. 详解 CSS position定位的五种方式

    position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...

最新文章

  1. java自然排序_Java中的自然排序顺序字符串比较 - 是内置的吗?
  2. 现存最古老计算机手册重见天日,比ENIAC要先进!
  3. Xtrabackup备份、还原、恢复Mysql操作大全
  4. Python Module_oslo.vmware_连接 vCenter
  5. matlab中jet的例子,Python matplotlib.pyplot.jet()用法及代码示例
  6. java 32位jdk_jdk9 32位下载 jdk9.0(Java SE Development Kit 9) v9.0.4 官方版 32位 下载-脚本之家...
  7. 使用 frida+dexdump对apk脱壳
  8. 商城左侧菜单栏网页模板
  9. (0.2)linux下Mysql的安装配置与管理入门(目录篇)
  10. Cocos Studio 2.3.2不再支持直接导入PSD文件
  11. char* 去除后面几个字符_【算法打卡】去除重复字母
  12. c语言课程设计 职工工资处理系统,院职工工资管理系统_C语言课程设计-2017年10月.doc...
  13. 【优化算法】混沌游戏优化 (CGO)【含Matlab源码 1010期】
  14. 求助动态贝叶斯网络参数学习函数的使用方法
  15. C# --- WinForm基本知识与绘图(上)
  16. 数字图像处理大作业GUI设计
  17. 关于pr的一些实用小知识
  18. 【生活感想】期末考试
  19. 分治算法 求第k小元素 O(n) O(nlog2^n)
  20. 计算机视觉技术学习路线(3D视觉)

热门文章

  1. 互联网金融指导意见或引发P2P跑路狂潮
  2. matlab中的包文件夹管理:‘+’文件夹
  3. 视频中的目标检测与图像中的目标检测具体有什么区别?
  4. java创作一个椭圆类_椭圆类——3 (类的复杂设计)
  5. 电影级视频剪辑PR调色/FCP调色/达芬奇调色预设LUTs
  6. 一鲸落万物生,公链还需看Hoo Smart Chain,六十余家项目报名万物生长计划
  7. 63.QT-重写QStackedWidget模仿iphone的home界面,实现左右滑动
  8. PG数据库按照30分钟时间片统计数据
  9. sequence_item、sequence、sequencer、driver的关系
  10. matlab里添加白噪声,转Matlab中添加高斯白噪声