私はカスタマイズされたコントロールバーをやっています。現在、シーク バーに取り組んでいます。シーク バーを移動すると、その特定の時間にビデオを再生できます。今、私はその逆を行う必要があります。ビデオが再生されているときに、シークバーが自動的に移動するはずです。Google で検索するのにうんざりしています。スタックオーバーフローに陥っている知的な人々がたくさんいることを私は知っています。私を助けてください、私が再び始めることができるように私にいくつかのアイデアを与えてください
私はここで立ち往生している
助けてくれてありがとう:)私のコードはこのリンクにあります 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" },
]
});