Question

我一直在使用播放器与jQuery标签结合使用播放列表的媒体播放器。但我遇到了IE的问题，当我切换标签时，它仍然在关闭的标签中播放视频。这在firefox或chrome中不会发生，仅在IE中。

您可以结帐我的demo here

我正在浏览流媒体论坛，有人发布了一个解决方案，但是人员解决方案并没有使用jQuery UI，而是使用了jQuery Tools。所以我想弄清楚如何在jQuery UI中实现它。我没有从流程论坛得到任何帮助，所以我想我会在这里试试。

这是人们习惯在jQuery Tools中解决问题的代码（forum post）我使用jQuery Tools尝试了这个代码并且它没有完全发挥作用。

不完整的jQuery Tools解决方案：

$(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>

Answer 1

我能够自己解决问题。不知道是否有更好的方法，但它确实解决了我的问题。

$( "#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();
    }
});

IE中的jQuery UI选项卡中的Flowplayer继续在非活动选项卡中播放视频

1 个答案: