javascript - Android (Chrome) 和 playbackRate 属性

Question

属性 playbackRate 在 Android (Chrome) 上不起作用。

Example

HTML:

<h1>Video.js Example Embed <span class="playbackRate">1.0</span></h1>

  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="100%" height="268" 
  data-setup='{ "playbackRates": [0.5, 1, 1.5, 2] }'>
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'>
  </video>

  <div>
    <input style="width:100%" id="PlaybackRate" type="range" value="100" min="50" max="200" _step="50" />
  </div>

Js:

$(文档).ready(函数(){

$('#PlaybackRate').change(function(event){
  $(this).attr('value', $(this).val());
    var playbackRate = $(this).val()/100;

    $("#my_video_1").get(0).playbackRate = playbackRate;
    document.getElementById("my_video_1").playbackRate = playbackRate;

    $('.playbackRate').html(playbackRate);
});

});

还有别的办法吗？因为我需要提高视频速度，例如 1.5 或 2.0

我认为这是可能的，因为 Android 上的 VLC 可以做到这一点:example

谢谢!

Answer 1

这是一个已知问题 for some time .不幸的是，到目前为止， playbackRate 属性是 simply unsupported适用于 Mobile Chrome (Android) 以及 IE Mobile 和 Opera Mobile。

当然有可能会提供此功能，但当然 VLC 是与 Android 上的 Chrome 完全不同的应用。

如果这得到支持，我希望其他人能在这里发表评论，因为我也想了解它。 :)