在前端開發(fā)中，經(jīng)常需要使用video標(biāo)簽來(lái)實(shí)現(xiàn)視頻播放功能。而使用jQuery來(lái)操作video標(biāo)簽可以更加方便地修改其屬性，例如設(shè)置進(jìn)度條。

<video id="myVideo" src="video.mp4"></video>
$(document).ready(function(){
var video = $('#myVideo')[0];
var progress = $('#progressBar')[0];
// 監(jiān)聽播放進(jìn)度
video.ontimeupdate = function() {
var percent = Math.floor((100 / video.duration) * video.currentTime);
progress.value = percent;
};
// 當(dāng)進(jìn)度條被拖拽時(shí)
progress.onchange = function() {
var time = video.duration * (progress.value / 100);
video.currentTime = time;
};
});

首先，在HTML中加入video標(biāo)簽，并給予唯一的id，指定視頻的src地址。然后，在jQuery中獲取video和進(jìn)度條(progress bar)的DOM元素，并設(shè)置監(jiān)聽函數(shù)。

通過(guò)video的currentTime和duration屬性計(jì)算播放百分比，將其賦值給進(jìn)度條的value屬性。當(dāng)用戶拖拽進(jìn)度條時(shí)，通過(guò)計(jì)算出其所對(duì)應(yīng)的時(shí)間點(diǎn)，并設(shè)置給video的currentTime屬性即可實(shí)現(xiàn)跳轉(zhuǎn)。

以上代碼僅為一個(gè)簡(jiǎn)單的示例，可以根據(jù)實(shí)際需求進(jìn)行修改和完善。