我有一个显示图像的 div:
<div id="player" style="display:block;width:320px;height:240px;background-image:url(../../../images/video.JPG)"></div>
当有人单击按钮时,我在该 div 顶部覆盖了一个视频播放器(flowplayer):
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。如何隐藏播放器而不隐藏图像?