jqueryui sortable：当drop元素时视频停止

Question

我正在使用jquery sortable：https://jqueryui.com/sortable/

我对html5视频有疑问：当我拖动和移动时：视频仍然可以正常播放。 但是当我丢弃一个视频元素时，它就会停止播放。

有什么想法吗？ （或用于对html5视频元素进行排序？）

我的代码：

$('#VideosContainer').sortable({cancel:'.videoClass'});
$('#VideosContainer').disableSelection();

Answer 1

在谷歌浏览器中，这似乎与following bug:。

有关

我只需在移动的视频元素上调用play()方法即可解决此问题。 sortable的stop回调最适合我，因为每次删除元素时都会触发它，无论它是否实际排序，并且包含ui.item中的拖动元素。

例如：

$('#foo').sortable({
  stop: function(event, ui) {
    var video = ui.item.find('video').get(0);
    video.play();
  }
});