0

ここにインデックスファイル（javascript）があります

$(document).ready(function(){
    player("video-1.mov","player1");
    player("video-2.mov","player2");
    player("video-3.mov","player3");
});

function player(video,id) {
    flowplayer(id, "http://releases.flowplayer.org/swf/flowplayer-3.2.14.swf", {
        playlist: [video],
        clip:  {
              autoPlay: true,
              autoBuffering: true
        }
    });
}

function goto_next(current,page)
{
    $('#'+current).hide();
    $('#'+page).show();
    flowplayer.unload();
}

これはインデックスファイルです

<span id="1" class="step">
    <div class="player formplayer" id="player1"></div>
</span>
<span id="2" class="step" style="display:none;">
    <div class="player formplayer" id="player2"></div>
</span>
<span id="3" class="step" style="display:none;">
    <div class="player formplayer" id="player3"></div>
</span>

次のボタンをクリックすると、2 つの異なる ID を使用して goto_next が呼び出され、表示/非表示になります。ただし、前のスパンのビデオはバックグラウンドで再生され続けます。 他のすべてのビデオを停止して、現在のビデオのみを再生するには?

PS: Windows では問題なく動作しています: chrome、firefox。

しかし、MacのFirefoxに問題があります。

4

1 に答える 1

1

JavaScript API ( http://flowplayer.org/documentation/api/index.html )の stop() 関数を使用してプレーヤーを停止してみてください。

function goto_next(current,page)
{
    flowplayer(0).stop();
    flowplayer(1).stop();
    flowplayer(2).stop();
    $('#'+current).hide();
    $('#'+page).show();
    flowplayer.unload();
}
于 2012-08-31T17:45:49.760 に答える