在 vue.js 中制作 <video> 元素的网格，通过拖放排序和调整大小

Question

我已经尝试了一些库和 Vue.js 插件，但经过测试，它们似乎都缺少一个/多个必要的功能。

我需要创建一个视频 HTML 元素网格，可以拖放以重新排序它们，并且可以以 16:9 的一致纵横比调整其大小

另外，我在 vue.js 中使用打字稿

我尝试过的插件/库：

• jbaysolutions/vue-grid-layout

• dattn/dnd 网格

• 毛里修斯/vue-draggable-resizable

我也尝试过简单的 CSS 网格，但无法通过拖放操作来处理视频元素

有人有一些可以帮助我的建议/链接吗？

第一个问题顺便说一句:)

提前致谢！

Answer 1

HTML 拖放界面运行良好，但需要大量工作。我见过的最好的拖放库是 Shopify 的；它非常光滑！&nbsp;https://shopify.github.io/draggable/