如何在jwplayer中更改播放速率

Question

我想更改jwplayer的HTML5模式下的視頻播放速度。我沒有興趣在Flash瀏覽器，我們將成爲制約該功能僅適用於HTML5的瀏覽器

問題： 我試着在jwplayer改變playbackrate爲HTML5，但playbackrate即將不確定 我附上下面

jwplayer('my-video').setup({ 
       sources: [ 
         {file:'./test.mp4' , type: "mp4" }, 
        ], 
       width:'640px', 
       height:'360px', 
       image : './test.jpg' 
       }); 
$("#speed_10").click(function() { 
     myVid=$("#my-video").find('.jwvideo').find('video'); 
     alert(myVid.length); 

     alert($("#my-video").find('.jwvideo').find('video').attr('src')) 
     alert(myVid.playbackRate) 
     alert($("#my-video").find('.jwvideo').find('video').length) 
     $("#my-video").find('.jwvideo').find('video').PlaybackRate=0.5; 

}); 

我的代碼

第一警報來作爲1個
第二警報來未定義
第三警報被顯示的「源」
第四警報是1

我能夠抓住div但無法改變jquery的播放速度！

http://www.longtailvideo.com/support/forums/jw-player/feature-suggestions/32556/playbackrate-support/

按照上面的鏈接我也試圖與Java腳本和它的工作使用下面的代碼

(document.getElementsByTagName('video')[0].playbackRate=0.2. 

，但如果我在上面的代碼中使用如何使用這多種視頻，因爲沒有ID涉及上面的代碼[沒有唯一的id傳遞給以上javascript]

下面是jwplayer的div結構

Answer 1

https://developer.jwplayer.com/jw-player/demos/advanced/set-playback-rate/

只有在添加行playbackRateControls。設置（）

jwplayer('user-player').setup({ 
playlist: 'https://cdn.jwplayer.com/v2/media/gaCRFWjn', 
    // Set the available playback rates of your choice 
    playbackRateControls: [0.75, 1, 1.25, 1.5] 
}); 

Answer 2

只需將ID添加到您的視頻並使用document.getElementsById（id）而不是document.getElementsByTagName。

document.getElementsById('yourid').playbackRate=0.2 

Answer 3

我找到了答案這個，這是我面臨多種視頻的主要問題是如何使每個視頻unique.i剛剛通過ID放在第一位，並獲得後「視頻」標籤比變化playbackrate
得到DIV 添加以下

var video = document.getElementById(playerId) 
var video_speed = video.getElementsByTagName('video')[0] 
alert(video_speed.playbackRate) 

video_speed.playbackRate=0.2; 
alert(video_speed.playbackRate) 

我甚至有多個視頻試過的代碼，它工作得很好

Answer 4

我寫了一個博客帖子有關如何做到這一點的球員JW，順便說一句。這可能會有所幫助！ - http://www.longtailvideo.com/blog/33860/slow-motion-with-jw-player

Answer 5

發現這個腳本手動操縱定製的速度DOM：

<script type="text/javascript"> 
    jwplayer("video").setup({ 
     image: 'https://<your_CDN_ID>.cloudfront.net/static/splash/<splash.png>', 
     width: 960, 
     height: 600, 
     flashplayer: "https://<your_CDN_ID>.cloudfront.net/assets/jwplayer.flash.swf", 
     html5player: "https://<your_CDN_ID>.cloudfront.net/assets/jwplayer.html5.js", 
     primary: 'html5', 
     sources: [ 
      { file: 'https://<your_CDN_ID>.cloudfront.net/static/videos/<video>.mp4' }, 
      { file: 'https://<your_CDN_ID>.cloudfront.net/static/videos/<video>.webm' } 
     ] 
    }); 

    var tag; 

    jwplayer().onReady(function(){ 
    if (jwplayer().getRenderingMode() == "flash") { 
     return; 
    } 

    tag = document.querySelector('video'); 
    tag.defaultPlaybackRate = 1.0; 
    tag.playbackRate = 1.0; 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/25.png", "", function(){ 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 0.25; 
    },"025"); 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/05.png", "", function(){ 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 0.5; 
    },"05"); 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/1.png", "", function() { 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 1.0; 
    },"1"); 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/125.png", "", function() { 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 1.25; 
    },"125"); 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/15.png", "", function() { 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 1.5; 
    },"15"); 

    jwplayer().addButton("https://<your_CDN_ID>.cloudfront.net/assets/2.png", "", function() { 
     jwplayer().seek(jwplayer().getPosition()); 
     tag.playbackRate = 2.0; 
    },"2"); 

    }); 

</script> 

相反像從探優秀博文肘節有速度的按鈕。

只設置一個自定義的速度：

document.querySelector('video').playbackRate=0.80;