Javascript 如何在浏览器中拖动嵌入的视频对象（即YouTube视频）

如何在网页上启用拖动

对象（使用javascript）？通常，当我在网页上选择某个文本或图像时，我可以拖动它，并且我想对该对象执行相同的操作

具体来说，我希望能够拖动YouTube视频。我现在不关心删除，而且如果可能的话，我也不想使用jQueryUI。YouTube嵌入看起来像这样

---

我正在编写一个浏览器扩展（用于Chrome），因此我可以完全访问DOM和浏览器。

我认为jQuery在这里是最好的，它也是javascript，您所做的就是将它嵌入到您的网站中。如果你想要一个半透明的效果来显示你正在拖动，我想你可以为拖动手柄添加一个事件。使用onMouseDown和onMouseUp。例如，此div用于处理您的youtube： 透明的CSS是：

不透明度：.7；过滤器：α（不透明度=70）其中0.7和70是元素的不透明度百分比

[举例]：



好的，如果你改变了主意，想使用jQuery，试试看，我保证它非常简单

首先，将其嵌入您的网站：


$（document.ready（function（）{$（“.drag”）.draggable（）；}）

第二，将要拖动的任何对象指定为类“drag”，在本例中：

您的YOUTUBE视频在此嵌入

配合使用它的半透明效果，我想你所需要的一切，希望对我有所帮助

xx3004，
jqueryui
draggable（）
可能在这里有用。Edi：到目前为止运气不好：。没有jQuery UI有什么方法可以做到吗？如果你能看到你正在拖动的东西的一个半透明预览，就像你拖动一个图像、链接或选择一样，那就太棒了。实际上使用jQuery是可以的，但我尽量避免添加jQuery UI。我只是好奇浏览器如何允许拖动图像、选择和链接，而不允许拖动s。难道没有办法让浏览器像对待图像一样对待嵌入的图像吗？我只是觉得jQueryUI太重了，甚至只是可拖动的部分。我花了更多的时间使用jQueryUI可拖动，现在它实际上已经开始工作了。使用可拖动组件的开始和停止事件很有用。@马克：我还有一个嵌入标记，想对其进行拖放，但我不想使用jQuery UI。你知道如何在没有jQueryUI的情况下工作了吗？