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。

我也试过用clone()跨度和iframe和

这里是一个jsFiddle

任何解决方案都行，保持在其自己的容器当前视频和只是让副本时也是如此。目前为止没有任何工作

Answer 1

当你写：

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

jQuery的重建整个内容作为字符串，然后把它放在你的“新容器”内到内重新创建对象。

.append()方法应该工作，但不能在iframe上，如这里所说：moving iframe。

也许一个好的尝试就是把你的'当前容器'放在一个固定的位置，并将它放在新容器的确切位置。事情是这样的jQuery中：

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

的.offset()改变你的对象的位置，但DOM结构不改变。您还可以更改current-container的大小以适应新的容器大小。

希望这个把戏帮助！