Jquery 包装隐藏时无法停止youtube视频

我有两个div需要显示隐藏。一个是图片，一个是youtube视频

<div class="gallery-video-wrapper">
     <iframe id="player" type="text/html" width="430" height="323" src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1" frameborder="0"></iframe>
</div>
<div class="gallery-images">
    <img src="image1.jpg" />
rest of the jquery gallery code...
</div>

有什么办法解决这个问题吗

但是如果播放视频，我似乎无法停止它，除非我删除 整个部门。如果那样做，我不知道怎么把它放回去

您是否尝试过使用

.detach（）

而不是

.remove（）

.detach（）方法与.remove（）相同，只是.detach（）方法 保留与删除的元素关联的所有jQuery数据。这 方法在将删除的元素重新插入到中时非常有用 DOM在以后的时间

您也可以尝试

.hide（）

该div，稍后再

.show（）

它

但是如果播放视频，我似乎无法停止它，除非我删除 整个部门。如果那样做，我不知道怎么把它放回去

您是否尝试过使用

.detach（）

而不是

.remove（）

.detach（）方法与.remove（）相同，只是.detach（）方法 保留与删除的元素关联的所有jQuery数据。这 方法在将删除的元素重新插入到中时非常有用 DOM在以后的时间

---

您也可以尝试

.hide（）

div，然后

.show（）

稍后将其显示

分离操作解决了在后台播放的问题，但我以后如何返回它？将要分离的元素存储在变量中，如

var videoplayer=$（'#videoplayer'）。分离（）

。稍后，只需将其附加到您想要的位置：

videoplayer.appendTo（'body'）

detach东西解决了在后台播放的问题，但我以后如何返回它呢？将要分离的元素存储在变量中，如

var videoplayer=$（'#videoplayer'）.detach（）

。稍后，只需将其附加到您想要的位置：

videoplayer.appendTo（'body'）

<a href="#" class="show-gallery">Show Images</a>

$('.show-gallery').click(stop, function() {

        $('.gallery-video-wrapper').fadeOut();
        $('.gallery-images').fadeIn(function() {
            $('.ad-gallery').adGallery({
                display_back_and_forward : true,
                display_next_and_prev : true,
                update_window_hash : false,
                scroll_jump : 0,
                thumb_opacity : 1
            });
        });
    });