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结构不会更改。您还可以更改当前容器的大小以适应新容器大小。

希望这个技巧有所帮助！