0

jQueryタブと組み合わせてflowplayerを使用して、プレイリストを備えたメディアプレーヤーに取り組んでいます。しかし、IE でタブを切り替えても、閉じたタブでビデオを再生し続けるという問題が発生します。これは、Firefox や Chrome では発生せず、IE でのみ発生します。

ここで私のデモをチェックアウトできます

私は flowplayer フォーラムを閲覧していて、誰かが解決策を投稿しましたが、その人の解決策は jQuery UI を使用しておらず、代わりに jQuery Tools を使用していました。だから私はそれをjQuery UIに実装する方法を理解しようとしています。flowplayer フォーラムからは何の助けも得られなかったので、ここに参加してみようと思いました。

これは、jQuery ツール (フォーラム投稿)で問題を解決するために使用したと思われるコードです。jQueryツールを使用してこれを試しましたが、完全には機能しませんでした。

不完全な jQuery ツール ソリューション:

$(function() {
    var api = $(".items").tabs(".tabs-cont").data("tabs");

    api.onClick(function(index) {
       var video = api.getCurrentPane().find("div.video"),
       videoCont = video.find("div.video-cont");
       videoCont.detach();
       video.append(videoCont);
    });
});

html:

<div class='video'>
   <div class="video-cont"><object>FLASH EMED HERE</object></div>
</div>
4

1 に答える 1

0

なんとなく自力で解決できました。もっと良い方法があるかどうかはわかりませんが、私の問題は解決しました。

$( "#tabs" ).tabs({

    show: function(e, ui) {
        $.cookie( "tab-name", ui.panel.id );
    },

    select: function (e, ui) {
        var tab = "#" + $.cookie ( "tab-name");
        var video = $( tab ).find("div.media-container"),
            flow = video.find("div.flow-container").attr('id');
        $f(flow).stop();
    }
});
于 2011-02-16T15:40:13.650 に答える