源码论坛公告:本站是一个交流学习建站资源的社区论坛,请注意禁止发布违规信息和违法资源 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 201|回复: 0

[CSS/Html] Html5播放器实现倍速播放的方法示例

[复制链接]

2709

主题

3060

帖子

9万

金币

超级版主

Rank: 8Rank: 8

积分
187418
发表于 2023-1-18 23:59:02 | 显示全部楼层 |阅读模式

本文主要介绍了Html5播放器实现倍速播放的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


定义和用法

playbackRate 属性设置或返回音频的当前播放速度。

指示音频的当前播放速度。

例值:

1.0 正常速度
0.5 半速(更慢)
2.0 倍速(更快)
-1.0 向后,正常速度
-0.5 向后,半速

示例代码1:
  1. <video id="video" controls src="**.mp4" type="video/mp4"></video>
  2. 选择倍速播放:
  3. <select id="select">
  4.     <option value="0.5">0.5</option>
  5.     <option value="1" selected>1.0</option>
  6.     <option value="1.25">1.25</option>
  7.     <option value="1.5">1.5</option>
  8.     <option value="2">2.0</option>
  9. </select>
复制代码

示例代码2:
  1. <div id="player"></div>
  2. <script src="//player.polyv.net/script/player.js"></script>
  3. <script>
  4. var player = polyvPlayer({
  5. wrap: '#player',
  6. width: 800,
  7. height: 533,
  8. vid: 'e785b2c81c9e018296671a1287e99615_e',
  9. });
  10. </script>
复制代码

设置倍速代码如下:

  1. <div id="player"></div>
  2. <script src="//player.polyv.net/script/player.js"></script>
  3. <script>
  4. var player = polyvPlayer({
  5. wrap: '#player',
  6. width: 800,
  7. height: 533,
  8. speed:[2, 1.5, 1.2, 0.5], //倍速播放参数设定值
  9. vid: 'e785b2c81c9e018296671a1287e99615_e',
  10. });
  11. </script>
复制代码

到此这篇关于Html5播放器实现倍速播放的方法示例的文章就介绍到这了,更多相关Html5倍速播放内容请搜索源码论坛以前的文章或继续浏览下面的相关文章,希望大家以后多多支持源码论坛!

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2023-2-6 01:06 , Processed in 0.093750 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明