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的大小以適應新的容器大小。

希望這個把戲幫助！