jqueryui sortable：放置元素时视频停止

【问题标题】：jqueryui sortable: video stops when drop elementjqueryui sortable：放置元素时视频停止
【发布时间】：2016-11-18 22:59:06
【问题描述】：

我正在使用可排序的 jquery：https://jqueryui.com/sortable/

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

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

我的代码：

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

【问题讨论】：

【解决方案1】：

在 Google Chrome 中，这似乎与 following bug: 有关。

我可以通过简单地在被移动的视频元素上调用play() 方法来解决这个问题。 sortable 的 stop 回调对我来说效果最好，因为每次删除元素时都会触发它，无论它是否实际排序，并且包含 ui.item 中的拖动元素。

例如：

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

【讨论】：