jquery可拖动+ html5视频不起作用

Posted 2023-05-08

【中文标题】jquery可拖动+ html5视频不起作用

【英文标题】：jquery draggable + html5 video not working

【发布时间】：2014-07-21 20:13:27

【问题描述】：

我正在使用 jquery UI 来使 div 可拖动。

在一个 div 中包含一个 html5 视频。 这适用于 Chrome 和 Firefox，但不适用于 IE 11。

请在此处查看小提琴（使用 IE 11）。

http://jsfiddle.net/yXqEV/5/

如果你删除了可拖动的：

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

视频又开始工作了。

如何在 IE11 中实现拖动和视频功能？

【参考方案1】：

event.preventDefault() 在库中调用 Draggable “阻止” IE 11 中视频元素上的点击事件，您必须用自定义的视频控件替换视频控件，或者删除视频控件并将点击事件绑定到视频像这样的元素：

$('.videoClip').click(function() $(this).get(0).paused ？ $(this).get(0).play(): $(this).get(0).pause(); );