如何使用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播放器的情况下）