4

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

我有点卡在这里

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


    ] 
  });
4

1 回答 1

2

嘿,我找到了路

谢谢大家的帮助

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

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

于 2013-05-07T11:11:12.177 回答