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

根据this site，这在playbackRate和defaultPlaybackRate属性中支持，可通过DOM访问。但这是不能在移动上工作。例如：如何在移动设备上更改HTML5视频的播放速度？

<!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在桌面上。

来源

2016-02-14 Rajesh Kanna

我认为它与移动html视频的限制有关。在用户点击播放视频之前，您无法控制视频元素。您无法强制视频通过JS开始播放。 – magreenberg

的答案很简单，移动浏览器（Android版）不支持甚至尽管这个网站称，它playbackRate变化：https://developer.mozilla.org/en/docs/Web/API/HTMLMediaElement#AutoCompatibilityTable

这是真正浏览器通过playbackRate支持改变移动：

铬20+✔
火狐20+✔
IE 9+✔
的Safari 6+✔
歌剧15+✔
移动浏览器（Android设备）✖
移动设备Firefox 24+✔
IE移动✖
移动Safari 6+（IOS）✔
歌剧手机✖

我创建了一个网站，并通过第一添加以下到Web.config文件进行了测试：

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

然后我上传了一个简单的视频到我的网站，并上载在不同的浏览器到Azure来进行测试：http://pandasneezy.azurewebsites.net/

我建议你使用移动设备Firefox 24+，它应该只是罚款与： document.getElementById("my-video").playbackRate = 3.0;

来源

2016-02-14 07:17:31

在Firefox中，HTML5视频播放速率的作品。任何想法如何调整YouTube嵌入式视频的播放速度。我尝试过使用YouTube的JavaScript API，但它在Firefox和Chrome上无法使用。 –

看看这个：http://stackoverflow.com/questions/22604934/html5-increase-youtube-speed-2x-from-url –

我检查了。 'player.setPlaybackRate（2）;'不适用于手机浏览器/ firefox。它仍然以1倍速度播放 –

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

回答

相关问题