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

时间:2013-05-06 13:31:37

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

我正在做一个自定义的控制栏。现在我正在寻找酒吧。我可以在搜索栏被移动的那个特定时间播放视频。现在我需要做反之亦然。当我的视频正在播放时,搜索栏应该自动移动 我厌倦了通过谷歌搜索。 我知道有很多聪明的人在堆栈溢出。 帮助我,给我一些想法,我可以重新开始

我有点被困在这里

感谢您的帮助:)  我的代码在此链接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" },


    ] 
  });

1 个答案:

答案 0 :(得分:1)

嘿,我找到了方法

感谢所有人的帮助

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

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