【问题标题】:jquery draggable + html5 video not workingjquery可拖动+ html5视频不起作用
【发布时间】: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 中实现拖动和视频功能?
【问题讨论】:
标签:
jquery-ui
html5-video
draggable
internet-explorer-11
【解决方案1】:
event.preventDefault() 在库中调用 Draggable “阻止” IE 11 中视频元素上的点击事件,您必须用自定义的视频控件替换视频控件,或者删除视频控件并将点击事件绑定到视频像这样的元素:
$('.videoClip').click(function() {
$(this).get(0).paused ? $(this).get(0).play(): $(this).get(0).pause(); });