0

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

4

1 に答える 1

2

単にdivを空にすることができます...

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

私はflowplayerに精通していませんが、これによりすべての子要素が削除されます。これは、単にswfプレーヤーオブジェクトであると想定されます。

または、すべての子オブジェクトを非表示にすることもできますが、それでもビデオは再生されたままになります...

jQuery("#player *").hide();
于 2013-01-23T17:05:02.883 に答える