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文件）

jquery滑块控制问题

1 个答案: