2011-02-15 19 views
0

我一直在媒體播放與使用jQuery的標籤組合使用的Flowplayer播放列表。但我遇到了IE的問題,當我切換標籤時,它仍然在關閉的標籤中播放視頻。這在firefox或chrome中不會發生,只能在IE中使用。的Flowplayer jQuery中的IE瀏覽器UI選項卡繼續播放視頻在活動標籤

您可以籤我demo here

我在瀏覽的Flowplayer論壇,有人張貼一個解決方案,但該人士溶液不使用jQuery UI的,而不是他使用jQuery工具。所以我想弄清楚如何在jQuery UI中實現它。我沒有得到來自論壇的Flowplayer任何幫助,所以我想我會在這裏嘗試。

這是用於人理應解決jQuery的工具(forum post)的問題,我想這使用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> 

回答

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(); 
    } 
}); 
相關問題