0

我有一个容器，其中 youtube 正在播放视频。

<div id="current-container"><span class="youtube"></span></div>

我还有另一个#new-container我想在某个事件之后移动它。

这就是我的做法：

jQuery('#new-container').html(jQuery('#current-container').find('span.youtube'))

它的问题是它停止播放并制作新的 iframe。

我也尝试clone()过 span 和 iframe

这是一个jsFiddle

任何解决方案都可以，即使将当前视频保存在自己的容器中并只是制作副本。到目前为止没有任何效果。

4

1 回答 1

2

当你写：

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

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

.append()方法应该可以工作，但不能在 iframe 上工作，如此处所述：移动iframe。

也许一个好的尝试是将您的“当前容器”放在固定位置，并将其放置在新容器的确切位置。在 jquery 中是这样的：

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

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

希望这个技巧有帮助！

于 2013-10-26T02:38:13.877 回答