IE 中 jQuery UI 选项卡中的 Flowplayer 一直在非活动选项卡中播放视频答案

【问题标题】：Flowplayer in jQuery UI tabs in IE keeps playing video in inactive tabIE 中 jQuery UI 选项卡中的 Flowplayer 一直在非活动选项卡中播放视频
【发布时间】：2011-02-16 23:40:13
【问题描述】：

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

您可以查看我的demo here

我正在浏览 flowplayer 论坛，有人发布了一个解决方案，但 person 的解决方案没有使用 jQuery UI，而是他使用了 jQuery 工具。所以我想弄清楚如何在 jQuery UI 中实现它。我没有从 flowplayer 论坛获得任何帮助，所以我想我会在这里尝试。

这是该人用来解决 jQuery 工具 (forum post) 中问题的代码

不完整的 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>

【问题讨论】：

标签： jquery-ui-tabs flowplayer

【解决方案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();
    }
});

【讨论】：