0

jQuery API を利用する jwplayer イベントを取得しようとしているので、jwplayer イベントから外部 div に jQuery エフェクトを渡すことができます。

onPlay次のように、イベントでプレーヤーが再生を開始したときに、div を 100% の透明度にフェードアウトさせようとしています。

jwplayer('div-player').onPlay(
        function(event) {
            document.getElementById('h1_title').fadeOut('slow', function(){
                // animation complete
            });
        }
    );

そして、ビデオが一時停止または終了したら、次のように div をフェードインさせます。

    jwplayer("div-player").onPause(
        function(event) {
            document.getElementById('h1_title').fadeIn('slow', function(){
                //animation complete
            });
        }
    );

jwplayer 関数は Qquery 関数の外にあり(document).ready(function)ますが、次のように、名前空間のドット構文で jQuery ライブラリを参照できると思いました。

jwplayer('div-player').onPlay(
        function(event) {
            document.getElementById('h1_title').jQuery.fadeOut('slow', function(){
                // animation complete
            });
        }
    );

ただし、そうではないようです。

jwplayer関数をドキュメントの準備ができた関数（私が手探りして理解できない）内に配置するか、jwplayer関数内でjQueryをもう一度呼び出すか、必要な関数を記述します-私は実行可能なソリューションを受け入れます-私は方法がわからないだけです。これを行うことができる参照は驚くほどありません。

また、ビデオの URL、サイズなどを含む最初の jwplayer 呼び出し内から jwplayer イベントを試してみましたが (上記は外部の追加呼び出しです)、どちらも機能しませんでした。

どんな助けでも大歓迎です。

4

1 に答える 1

0

解決策は構文です。これは、私が自分で修正したコードの例であり、希望どおりに機能します。

    jwplayer('div-player').onPlay(
        function(event) {

            $('.title').fadeOut('slow', function(){
                // animation complete

            });
        }
    );
    jwplayer("div-player").onPause(
        function(event) {

            $('.title').fadeIn('slow', function(){
                //animation complete

            });
        }
    );

最初はドル記号 ($) を省略していたため、混乱しました。

于 2012-09-13T19:55:31.970 に答える