gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 07:41:36 26 4
gpt4 key购买 nike

根据this site ,这在 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 and above在桌面上。

最佳答案

答案很简单,移动 Chrome (Android) 不支持播放速率更改,即使该网站声称支持:https://developer.mozilla.org/en/docs/Web/API/HTMLMediaElement#AutoCompatibilityTable

这是移动设备上的playbackRate更改支持的真实浏览器:

  • Chrome 20+ ✔
  • Firefox 20+ ✔
  • IE 9+ ✔
  • Safari 6+ ✔
  • 歌剧 15+ ✔
  • 移动 Chrome (Android) ✖
  • 移动版 Firefox 24+ ✔
  • IE 移动版 ✖
  • 移动 Safari 6+ (iOS) ✔
  • Opera 移动 ✖

我创建了一个网站并通过首先将以下内容添加到 web.config 文件来测试它:

<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;

关于javascript - 如何更改移动设备上 HTML5 视频的播放速度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35388813/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com