需要控制JQuery Ui滑块作为HTML5视频的seekbar

我试图控制seekbar的html5视频。我正在使用jQueryUI滑块。我正在使用播放按钮启动此视频。但不知道如何用视频时间更新seekbar

我的代码： HTML:

---

找到了一个适合我的解决方案：

function playVideo()
    {
        videoShow.play();
    }

    $('#videoShow').on({
        canplaythrough: function() {
            var video = this;
            $('#master').slider({
                range: "max",
                min: 0,
                max: parseInt(video.duration, 10),
                value: 0,
                slide: function (event, ui) {
                    video.currentTime = ui.value;
                }
            });
        },
        timeupdate: function() {
            $('#master').slider('value', this.currentTime)
        }
    });

---

查看此问题和答案：

function playVideo()
{
    videoShow.play();
}
$('#master').slider({
        range: "max",
        min: 0,
        max: parseInt(video.duration, 10),
        value: 0,
        slide: function (event, ui) {
            video.currentTime = ui.value;
        }
    });

function playVideo()
    {
        videoShow.play();
    }

    $('#videoShow').on({
        canplaythrough: function() {
            var video = this;
            $('#master').slider({
                range: "max",
                min: 0,
                max: parseInt(video.duration, 10),
                value: 0,
                slide: function (event, ui) {
                    video.currentTime = ui.value;
                }
            });
        },
        timeupdate: function() {
            $('#master').slider('value', this.currentTime)
        }
    });