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

【问题标题】：JQuery UI slider max value as video durationJQuery UI滑块最大值作为视频持续时间
【发布时间】：2014-06-09 15:30:14
【问题描述】：

我有 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>like：

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

我想要做的，是将滑块的 max 属性设置为 Video1 的持续时间。有人可以帮我弄这个吗？互联网并没有告诉我太多关于它的信息，因为我对此有点陌生..

附： max: vidduration.toFixed(0), 无效。

【问题讨论】：

所以我想这没有真正的解决方案？

标签： jquery video attributes max duration

【解决方案1】：

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

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

【讨论】：