如何在移动设备上更改HTML5中视频的播放速度?

拉杰什·坎纳(Rajesh Kanna)

根据此站点的介绍,该属性playbackRatedefaultPlaybackRate属性中受支持,可通过DOM访问。但这不适用于移动设备例子:

<!DOCTYPE html>

<video id="my-video" src="chubby-bubbies.ogv" ...></video>

<script type="text/javascript">
  /* play video twice as fast */
  document.getElementById("my-video").defaultPlaybackRate = 2.0;
  document.getElementById("my-video").play();

  /* now play three times as fast just for the heck of it */
  document.getElementById("my-video").playbackRate = 3.0;
</script>

以上内容适用于Chrome浏览器,也适用于桌面版Firefox 20及更高版本

托比亚斯·库尔布利克(Tobias Kullblikk)

答案很简单,即使这个网站说它也支持Mobile Chrome(Android)也不支持播放率更改:https : //developer.mozilla.org/en/docs/Web/API/HTMLMediaElement#AutoCompatibilityTable

这是移动设备上的playingRate更改所支持实际浏览器:

  • 铬20+✔
  • Firefox 20+✔
  • IE 9+✔
  • Safari 6+✔
  • 歌剧15+✔
  • 行动Chrome浏览器(Android)✖
  • 移动Firefox 24+✔
  • IE Mobile✖
  • 移动Safari 6+(iOS)✔
  • Opera Mobile✖

我创建了一个网站并对其进行了测试,首先将以下内容添加到web.config-file中:

<system.webServer>
    <staticContent>
           <mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
    </staticContent>
</system.webServer>

然后,我将一个简单的视频上传到我的网站,并将其上传到Azure以在不同的浏览器中进行测试:http : //pandasneezy.azurewebsites.net/

我建议您使用Mobile Firefox 24+,它应该可以在以下环境下正常工作:document.getElementById("my-video").playbackRate = 3.0;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改HTML5视频的播放速度

来自分类Dev

如何在html5视频上移动svg元素并同时控制视频播放?

来自分类Dev

如何在iPhone上播放嵌入在网页中的html5视频?

来自分类Dev

如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

来自分类Dev

HTML5视频无法在移动设备上顺利搜索

来自分类Dev

在移动设备上预加载HTML5视频

来自分类Dev

如何仅在移动设备上用图像替换 HTML5 视频

来自分类Dev

如何通过使用HTML5中的视频标签来避免在播放视频时向后移动

来自分类Dev

如果视频源更改,则无法在 iOS 上的 Cordova 应用程序中播放 HTML5 视频

来自分类Dev

如何在进度指示栏中的html5视频播放器中添加标记?

来自分类Dev

如何在html5视频中单击以自动播放引导模态?

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

如何在html5中播放mp4视频文件

来自分类Dev

如何在Cordova中播放HTML5视频时忽略铃声设置

来自分类Dev

如何在Safari中循环播放html5 mp4视频时防止延迟?

来自分类Dev

如何使用HTML5播放视频?

来自分类Dev

HTML5视频到画布的播放速度非常慢

来自分类Dev

无法播放HTML5中的视频

来自分类Dev

在移动设备上停止 HTML 视频自动播放

来自分类Dev

HTML5嵌入式视频无法在移动设备上加载

来自分类Dev

HTML5视频-在屏幕上单击播放/暂停视频

来自分类Dev

HTML5视频-在屏幕上单击播放/暂停视频

来自分类Dev

如何在HTML5中更改视频字幕的字体大小?

来自分类Dev

提高PowerPoint中视频的播放速度

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

如何在 html5 原生视频播放器中添加延迟或偏移以同步 webvtt 字幕?

来自分类Dev

如何在移动设备上调出键盘以捕获用于在HTML5画布上绘制的输入?

来自分类Dev

如何在LosslessCut中更改播放速度?

来自分类Dev

手动触发HTML5中视频标签的全屏按钮单击事件

Related 相关文章

  1. 1

    更改HTML5视频的播放速度

  2. 2

    如何在html5视频上移动svg元素并同时控制视频播放?

  3. 3

    如何在iPhone上播放嵌入在网页中的html5视频?

  4. 4

    如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

  5. 5

    HTML5视频无法在移动设备上顺利搜索

  6. 6

    在移动设备上预加载HTML5视频

  7. 7

    如何仅在移动设备上用图像替换 HTML5 视频

  8. 8

    如何通过使用HTML5中的视频标签来避免在播放视频时向后移动

  9. 9

    如果视频源更改,则无法在 iOS 上的 Cordova 应用程序中播放 HTML5 视频

  10. 10

    如何在进度指示栏中的html5视频播放器中添加标记?

  11. 11

    如何在html5视频中单击以自动播放引导模态?

  12. 12

    如何在html5音频和视频播放器中回显php数组?

  13. 13

    如何在html5中播放mp4视频文件

  14. 14

    如何在Cordova中播放HTML5视频时忽略铃声设置

  15. 15

    如何在Safari中循环播放html5 mp4视频时防止延迟?

  16. 16

    如何使用HTML5播放视频?

  17. 17

    HTML5视频到画布的播放速度非常慢

  18. 18

    无法播放HTML5中的视频

  19. 19

    在移动设备上停止 HTML 视频自动播放

  20. 20

    HTML5嵌入式视频无法在移动设备上加载

  21. 21

    HTML5视频-在屏幕上单击播放/暂停视频

  22. 22

    HTML5视频-在屏幕上单击播放/暂停视频

  23. 23

    如何在HTML5中更改视频字幕的字体大小?

  24. 24

    提高PowerPoint中视频的播放速度

  25. 25

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  26. 26

    如何在 html5 原生视频播放器中添加延迟或偏移以同步 webvtt 字幕?

  27. 27

    如何在移动设备上调出键盘以捕获用于在HTML5画布上绘制的输入?

  28. 28

    如何在LosslessCut中更改播放速度?

  29. 29

    手动触发HTML5中视频标签的全屏按钮单击事件

热门标签

归档