如何在移动视频时移动滑块答案

【问题标题】：how to move slider as video is being moved如何在移动视频时移动滑块
【发布时间】：2013-05-06 13:31:37
【问题描述】：

我正在做一个自定义的控制栏。现在我正在研究搜索栏。随着搜索栏的移动，我可以在那个特定的时间播放视频。现在我需要反之亦然。当我的视频正在播放时，搜索栏应该会自动移动我厌倦了通过谷歌搜索。我知道有很多聪明的人处于堆栈溢出中。帮帮我，给我一些想法，让我可以重新开始

我有点卡在这里

感谢您的帮助 :) 我的代码在此链接中how to make custom seek bar for player in jwplayer

我也包括在这里

$(document).ready(function() {



 var videoLength;

function setPosition(myPosition ) {


jwplayer().seek(myPosition);
}


// finding durartion of the video 



 jwplayer().onTime(function(event){

                                          jwplayer().play();
                                          jwplayer().pause();
                                          videoLength=event.duration;

                                          seek(videoLength);

                                          });



         function seek(pos)
{

  var position = Math.round(pos);
   $("#volume").slider({
    min: 0,
    max:position,
    value: 0,
        range: "min",
        animate: true,
      slide: function(event, ui) {
      var range = $( ".selector" ).slider( "option", "range" );
      setPosition(ui.value);
    }
  });

}                                        
 });
jwplayer code

<script type="text/javascript">

    var trackpathEn = "myCaptionsEn.vtt";
    var trackpathEn = "myCaptionsEn.vtt";
    var trackpathJa = "myCaptionsJa.vtt";
    jwplayer('player').setup({
    flashplayer: './jwplayer.flash.swf',
    file: 'example1.mp4',
    skin: "./skins/six/six.xml",
    controls: false,

    tracks: [
     { file: trackpathEn, back: false,color: 'cc0000', fontsize: 20 , label: "English", kind: "subtitles",default:true },
     { file: trackpathJa, back: false,color: 'cc0000', fontsize: 20 , label: "Japanese", kind: "subtitles" },


    ] 
  });

【问题讨论】：

我回复了另一个帖子。你能提供一个链接到它正在运行的地方吗？谢谢你..

标签： javascript jquery jquery-ui html5-video jwplayer

【解决方案1】：

嘿，我找到了路

感谢大家的帮助

$("#seekBar").slider('option', 'value',slider_range);

只需确保您在“slider_range”中传递正确的值..计算后它必须是整数:)

【讨论】：