jQuery ui在视频dragbar上禁用拖动

我使用jQueryUI使div可拖动。在一个div中有一个视频流播放器

如果尝试使用时间拖动条，则会拖动整个div。当访问者使用视频控制栏时，是否有方法禁用拖动

找一把小提琴来摆弄我的手

谢谢

---

T book

我在叠加一个控制柄时做了些手脚，但它似乎在与视频对象重叠的地方不起作用。您可能无法避免使用延伸到视频之外的句柄：

...
$（“#可拖动”）。可拖动({
手柄：“可拖动手柄”
});

是否仅通过在整个视频中拖动该条？使用下方的黄色区域拖动div是否合理？

$( "#draggable" ).draggable();

<div id="draggable" class="ui-widget-content">
    <div id="draggable_handle"></div>
    ...

$("#draggable").draggable({
     handle: "#draggable_handle"
 });