参考来源:

https://stackoverflow.com/questions/19112255/change-the-video-playback-speed-using-video-js

以下代码相比stackoverflow添加了一个延时,否则无法正常播放,官方文档并没有相关过多说明,不理解具体原因
  var player = videojs('example-video');
player.ready(function() {
var _this = this
//速率
var playbackRate = $("#playbackRate").val();
var speed = parseFloat(playbackRate);
setTimeout(function() {
_this.playbackRate(speed);
},20
);
});
...
player.play();
$("#playbackRate").change(function(){
var speed = $(this).val();
$("#playbackRateLabel").text("x"+speed+"倍速");
});
 
<audio id=example-video preload="auto" class="video-js vjs-default-skin" type="audio/wav" hidden="hidden">
<input type="range" min="0.5" max="2" value="1" id="playbackRate" step="0.5"/><span id="playbackRateLabel">×1</span> <script type="text/javascript" th:src="@{/js/jquery3.4.1.js}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7..0.0/video.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.6.0/lang/zh-CN.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet">

最新文章

  1. 【python】类中的self
  2. cocospod 安装和使用 podfile 问题解决
  3. jQuery.validate errorPlacement
  4. VHDL TestBench基础(转)
  5. tomcat服务器启动错误
  6. 织梦DEDECMS {dede:field name=&#39;position&#39;/}标签增加其它属性的
  7. FairScheduler的任务调度机制——assignTasks
  8. linux学习(一个) 在unbuntu通过添加新的用户
  9. 第3章 抽象工厂模式(Abstract Factory)
  10. SVN官方版本下载地址
  11. CI 图片上传路径问题的解决
  12. 【JDK1.8】JDK1.8集合源码阅读——LinkedList
  13. CCF系列之I’m stuck!(201312-5)
  14. PS图片去色
  15. python离线安装包
  16. Linux运维必会的MySQL企业面试题大全
  17. Java面试题系列(五)
  18. ambari 安装HDP3.0.1后,启动服务的问题记录
  19. 创建一个dynamics 365 CRM online plugin (三) - PostOperation
  20. 厌倦了“正在输入…”的客服对话,是时候pick视频客服了

热门文章

  1. Linux下安装nginx实现伪分布
  2. python 操作excle 之第三方库 openpyxl学习
  3. sql server select 1 from 的作用
  4. 四川大学第二届SCUACM新生赛(同步赛)题解
  5. P1986 元旦晚会——贪心或差分约束系统
  6. centos7使用yum提示有事物未完成的解决办法:
  7. win10下交换CapLock和Esc按键
  8. meshing-球体网格划分
  9. Result window is too large, from + size must be less than or equal to [10000]
  10. Alpha项目冲刺! Day4-产出