2

開発中の WordPress サイトでVideoJS HTML5 ビデオ プレーヤーを使用しています。プレーヤーはモーダル ウィンドウで起動し、ほとんどの部分で問題なく動作しますが、IE の Flowplayer フラッシュ フォールバックが思い通りに動作しません。

ユーザーがモーダル ボックスを閉じると、再生が停止または一時停止します。これは HTML5 では正常に機能しますが、Flowplayer では機能しません。Flowplayer のドキュメントを見てきましたが、提案されたコードが機能しないようです。私はいくつかのバリエーションを試しましたが、運が悪く、ネット上で実際の例を見つけることができません。

VideoJS WP プラグインを使用して、VideoJS が WordPress から呼び出されることに注意してください。

以下のスニペットは、$f がフロー プレーヤー セレクターである場合に、機能すると思われるものを示していますが、他の方法を試しました。

jQuery(function( $ ){
   $(document).ready(function(){

     $('.bClose').click(function(){
      $(".video-js")[0].player.pause();
        $f("video_1").stop();    /*  <-- THIS IS THE OFFENDING LINE OF CODE. */
        $('.video-js-box').bPopup().close();
      });

  });
});

私は HTML5 ボイラープレートから作業しており、このコードは script-starter.js ファイルにあります。

問題のサイトを見てみましょう

誰かがこれを機能させるのを手伝ってくれることを願っています。

前もって感謝します。

スピルマン

更新: 現在、このテーマのバリエーションを試しています...

        $('.bClose').click(function(){
        $(".video-js")[0].player.pause();
        $f($(".video-js-box").get(0)).pause();
        $('.video-js-box').bPopup().close();
    });
4

1 に答える 1

0

あなたのモーダル プラグインが何であれ、あなたのモーダル ドキュメントの Closed メソッドを見つけてください$(video).remove();。

var mPlayer = VideoJS.setup("my_video");
mPlayer.pause();
于 2011-11-24T16:56:52.973 に答える