1

私の Web アプリケーションには、人々がビデオを見ることができる Web ページがあります。フラッシュ動画の再生には Flowplayer を使用しています。ここで見ることができます: http://flowplayer.org/

Web アプリケーションでもモーダル ウィンドウを使用しています。私はこのjQueryプラグインでそれらを作成しています: http://code.google.com/p/jquery-modalbox-plugin/

モーダルウィンドウはうまく機能します。唯一の問題は、リンクをクリックした後にモーダル ウィンドウを表示したいページのどこかに flowplayer ビデオがある場合、flowplayer がモーダル ウィンドウの上に表示されることです。ページの残りの部分は、モーダル ウィンドウの背後に正しく表示されます。

これを解決する方法はありますか？

Flowplayer は私にとって非常に役に立ち、グラフィックも非常に見栄えがするので、本当に手放したくありません。

4

6 に答える 6

5

wmode="transparent"フラッシュファイルに設定する必要があります。

于 2010-07-30T12:52:30.973 に答える
5

wmode = transparent パラメーターを Flowplayer に渡す方法:

Flowplayer は、埋め込み呼び出しで 3 つの引数を想定しています。
1) コンテナ ID
2) パラメータ。(文字列またはオブジェクト)
3) 構成 (プラグインまたは外観の設定)

詳細: http://flowplayer.org/documentation/api/flowplayer.html

wmode パラメータは、2 番目の引数を介して渡す必要があります。文字列の場合、Flowplayer はそれが Flash プレーヤーへの URL であると想定します。追加のパラメーターを渡すには、JSON オブジェクトとして行う必要があります。

例:

いいえ wmode:

    $f("ビデオプレーヤー", "flowplayer.swf" {
            プラグイン: {
                コントロール: {
                buttonOffColor: "#4523d3",
                境界半径: "0",
                スライダーの色: "#4523d3"
            }
        }
    });

wmode の場合:

    $f("ビデオプレーヤー", {
                src:"flowplayer.swf",
                wmode:"透明"
            }、{
            プラグイン: {
                コントロール: {
                buttonOffColor: "#4523d3",
                境界半径: "0",
                スライダーの色: "#4523d3"
            }
        }
    });
于 2012-01-05T19:59:10.687 に答える
1

基本的にここを参照してください：-

次のパラメーターを OBJECT タグに追加します。

<param name="wmode" value="transparent">

または EMBED タグに次のパラメータを追加します。

wmode="透明"

于 2010-07-30T13:15:38.760 に答える
1

jQuery を使用して Flowplayer パラメータを設定している場合は、次のように配置する必要があります。

 $f("playback", { src: js_path , wmode:"transparent" } , {
    clip: {
        url: videoFile ,           
        autoPlay:  false,
        autoBuffering: true,
        scaling: 'fit'            
    },

つまり、そのパラメータをクリップ配列に設定しないでください。そこではうまくいきません。

于 2012-03-14T07:57:05.140 に答える
0

Flowplayer を負の z-index で配置しようとしましたか? またはその逆に、モーダルボックスを高い z-index に配置しますか?

于 2010-07-30T12:01:14.253 に答える
0

生成された css を上書きして、ロード後に z-index を変更できますか? どのクラスまたは要素が生成されるかを調べてから、z-index を上書きする特定性の高い css ルールを作成します。また、あなたのコードはどのように見えますか?

于 2010-07-30T12:49:15.610 に答える