jquery - jQuery在播放时移动youtube视频

Question

我有一个YouTube在其中播放视频的容器。
<div id="current-container"><span class="youtube"></span></div>
我还有另一个#new-container，我想在某些事件后将其移动。

这就是我的做法:
jQuery('#new-container').html(jQuery('#current-container').find('span.youtube'))
它的问题是它停止播放，并且制作了新的iframe。

我也尝试了span和iframe的clone()
这是一个jsFiddle

即使将当前视频保存在自己的容器中并仅进行复制，任何解决方案都可以。到目前为止没有任何工作。

Answer 1

当你写:

jQuery('#new-container').html(...)

jQuery将整个内容重建为字符串，然后将其放入“新容器”中以在其中重新创建对象。

.append()方法应该可以工作，但不能在iframe上使用，如此处所述: moving iframe。

也许最好的方法是将“当前容器”放置在固定的位置，并将其放置在新容器的确切位置。在jquery中这样的事情:

$('#current-container').css('position','fixed')
                       .offset($('#new-container').offset()); 

.offset()更改对象的位置，但DOM结构不变。您还可以更改当前容器的大小以适合新容器的大小。

希望这个技巧有所帮助!