Question

根据this site，playbackRate和defaultPlaybackRate属性支持此功能，可通过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。

Answer 1

答案很简单，移动Chrome（Android）不支持playbackRate更改，即使本网站说它：https://developer.mozilla.org/en/docs/Web/API/HTMLMediaElement#AutoCompatibilityTable

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

Chrome 20 +✔
Firefox 20 +✔
IE 9 +✔
Safari 6+✔
Opera15+✔
移动Chrome（Android）✖
移动Firefox24+✔
IE Mobile✖
Mobile Safari 6+（iOS）✔
Opera Mobile✖

我创建了一个网站并通过首先将以下内容添加到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;

如何在手机上改变HTML5中视频的播放速度？

1 个答案: