如何使用javascript或jquery降低視頻的播放速度？

Question

我正在爲HTML5編寫這樣的代碼，而且工作正常。

<video id="video" controls="controls" autoplay="autoplay" name="media"><source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></video> 

<button onclick="document.getElementById('video').playbackRate+=0.1">playbackRate+=0.1</button> 
<button onclick="document.getElementById('video').playbackRate-=0.1">playbackRate-=0.1</button><br> 

對於JWplayer，我如何加快播放速度，如上圖所示？

<script type="text/javascript"> 
    jwplayer("myElement").setup({ 
     file: "http://media.w3.org/2010/05/sintel/trailer.mp4", 
     title: "test", 
     height: 400, 
     width: 600, 
     autostart: true, 
     autoplay: true, 
    }); 

    jwplayer("myElement").onTime(function(time){ 
     showComments(Math.round(time.position)); 
    }) 
</script> 

Answer 1

隨着對播放速度this post JW播放器支持控制描述只有當它是html5渲染模式，它的話，你可以通過它呈現視頻標籤的選項控制它。它應該是這樣的：

<script type="text/javascript"> 
    function changePlaybackRate(rateChange) { 
     if (jwplayer().getRenderingMode() == "html5") { 
      var videoTag = document.querySelector('video'); 
      if (videoTag.playbackRate) { 
       videoTag.playbackRate += rateChange; 
      } 
     } 

     //Small hack to work around a Firefox bug  
     if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) { 
      jwplayer().seek(jwplayer().getPosition()); 
     } 
    }; 
</script> 

<button onclick="changePlaybackRate(0.1)">playbackRate+=0.1</button> 
<button onclick="changePlaybackRate(-0.1)">playbackRate-=0.1</button> 

沒有在JW播放器支持播放速度控制時，瀏覽器不支持它nativly通過HTML5（例如，在使用Flash播放器的情況下）