Почему видео defaultPlaybackRate не работает в Chrome?

Question

Я видел несколько примеров defaultPlaybackRate, и они говорят, что это работает в Chrome. Поэтому я использую коды своих примеров и запускаю в Chrome, он не меняет скорость до 3.0x, когда я нажимаю кнопку. Кто-нибудь может сказать мне, почему?

Вот мой 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> 

Answer 1

Потому что как только вы измените 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