jquery revert overlay div

Question

我有一个显示图像的div：

<div id="player" style="display:block;width:320px;height:240px;background-image:url(../../../images/video.JPG)"></div> 

当有人点击按钮时，我将视频播放器（流动播放器）叠加在该div的顶部：

flowplayer("player", "mysite/js/flowplayer/flowplayer-3.2.12.swf", {
        clip: {
            url: theUrl,
            provider: 'rtmp'
        },
        plugins: {
            rtmp: {
                url: "js/flowplayer/flowplayer.rtmp-3.2.10.swf",
                netConnectionUrl: 'rtmp://myhost.com/recordings'
            }
        }
    });

我有逻辑，当有人删除该视频时，我希望玩家离开并留下只有图像的div。

所以我不能只使用：

jQuery("#player").hide();

用图像隐藏播放器和原始div。如何隐藏播放器但不隐藏图像？

Answer 1

你可以简单地清空div ......

jQuery("#player").empty();

我不熟悉flowplayer但会删除所有子元素，我认为这只是一个swf播放器对象。

您也可以隐藏所有子对象，但这样会让视频仍在播放......

jQuery("#player *").hide();