0

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

你可以在这里查看我的演示

我正在浏览 flowplayer 论坛,有人发布了一个解决方案,但是个人解决方案没有使用 jQuery UI,而是他使用了 jQuery 工具。所以我想弄清楚如何在 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 回答