画像を表示する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が画像とともに非表示になります。画像ではなくプレーヤーを非表示にするにはどうすればよいですか?