Question

我有HTML5视频。

<video id="Video1">
<source src="/media/thevideo.mp4" type="video/mp4"></source>
</video>

我有JQuery UI滑块：

<div id="slider2" style="width:100%;" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"></div>

JQuery的：

 $( "#slider2" ).slider({
            value:0,
            step: 1,
            animate: true,
            min: 0,
            max: 95,
            slide: function( event, ui ) {
           $( "#amount2" ).val( ": " + ui.value );

我可以获得视频时长，我可以将其放入<div>中，如：

myVid=document.getElementById("Video1");
function(){vidduration=myVid.duration;};
function(){document.getElementById('time').innerHTML=vidduration.toFixed(1)+" seconds";};

我想要做的是将滑块的最大属性设置为Video1的持续时间。有人可以帮我弄这个吗？互联网并没有告诉我很多，因为我对此有点新意。

P.S。 max: vidduration.toFixed(0),无效。

Answer 1

我写了这个问题解决了我的问题：

window.onload= $(function() {
myVid=document.getElementById("Video1");
setTimeout(function(){vidduration= myVid.duration;},300);
setTimeout(function(){$("#slider2").slider("option", "max", vidduration.toFixed(0))},330);
}

JQuery UI滑块最大值作为视频持续时间

1 个答案: