jquery滑塊控件問題

Question

我正在使用滑塊控件爲媒體播放器創建一個進度條。

問題：

最大值和滑塊大小不匹配。視頻在到達滑塊末尾前完成。

代碼：

<script type="text/javascript" src="js/jquery.ui.core.js"></script> 
<script type="text/javascript" src="js/jquery.ui.slider.js"></script>  

    <link type="text/css" href="CSS/demos.css" rel="stylesheet" /> 
<link type="text/css" href="CSS/jquery-ui.css" rel="stylesheet" /> 


     <div id="slider-constraints" >&nbsp;</div> 

Answer 1

你可能有更好的運氣滑塊的最大值設置爲100（使得滑塊的範圍是0-100），然後設置的間隔位置滑塊是媒體持續時間的百分比。

例如： 3分鐘的媒體文件開始播放（180秒）。 媒體文件當前播放位置爲10秒。 滑塊位置應設置爲10/180 * 100（或其0-100位置的〜5）。

我之前在合併滑塊，進度條和媒體播放器時完成了此操作。如果你想看看我寫的代碼，你可以看看this page（着名的jquery.player.js文件）背後的源代碼。