2013-04-16 68 views
1

我看到了一些defaultPlaybackRate的例子,他們說它在Chrome上工作。因此,我使用他們的示例代碼並在Chrome上運行,但單擊該按鈕時它不會將速度更改爲3.0x。任何人都能告訴我爲什麼?爲什麼視頻defaultPlaybackRate在Chrome中不起作用?

這裏我javascript代碼,

$(document).ready(function(){ 

    var video = document.getElementById('video'); 

    $("#speed").click(function() { // button function for 3x fast speed 
      video.defaultPlaybackRate=3.0; 
    }); 

}); 

的HTML代碼,

<button id="speed" type="button">3.0x</button> 

<video id="video" width="930" height="500" controls> 
     <source src="caption.mp4" type="video/mp4"> 
     <source src="caption.ogg" type="video/ogg" > 
     <source src="caption.webm" type="video/webm" > 
</video> 

回答

3

因爲一旦你改變defaultPlaybackRate你必須加載再次使用video.load();視頻(或在視頻加載之前設置)。如果您想在視頻播放時更改費率,請改爲使用playbackRate

var video = document.getElementById('video'); 
$("#speed").click(function() { // button function for 3x fast speed 
    video.defaultPlaybackRate = 3.0; 
    video.load(); 
}); 

var video = document.getElementById('video'); 
$("#speed").click(function() { // button function for 3x fast speed 
    video.playbackRate = 3.0; 
}); 

jsFiddle example

+0

你的意思video.playbackRate = 3.0;第二個選擇? – StudentIT

+0

是,錯字更正。 – j08691

+0

然後它工作!謝謝! – StudentIT

相關問題