2015-10-26 88 views
2

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

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:

$(文件)。就绪(函数(){

$('#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

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

谢谢你!

回答

1

这是一个已知问题for some time。不幸的是,迄今为止,移动Chrome(Android)以及IE Mobile和Opera Mobile的playbackRate属性为simply unsupported

这个功能当然有可能会变得可用,但当然VLC是与Android上的Chrome完全不同的应用程序。

如果这个问题得到支持,我希望别人会在这里发表评论,因为我也想知道这件事。 :)