2012-06-07 40 views
0

我有一個有趣的問題。當用戶點擊圖像縮略圖時,我正在使用FancyBox lightbox來顯示「視頻」標籤,它適用於所有形式的HTML5視頻。主要問題是,當在IE9之前的瀏覽器中測試時,閃回回退不會加載。顯示:無FancyBox的Flash視頻問題

我正在使用HTML5Media.info HTML5視頻javascript插件來自動檢測「視頻」標籤,並在瀏覽器無法識別「視頻」標籤時創建閃回回退「對象」。這個插件不能被編輯,因爲它是一個鏈接文件,而不是一個存在於我的服務器上的文件。

我知道問題在於「display:none;」那是周圍的DIV。

我知道的方法/修復用

height: 0; width: 0; overflow: hidden; 

但是那些不會在我的情況下工作。由於Flash對象/嵌入是基於用戶擁有的瀏覽器動態生成的,而FancyBox依賴於「display:none;」我不能用這個。 FancyBox也被用於網站上的其他地方,並且改變它以支持這一點將是比必要的更多的工作。

我需要一種使用Javascript或jQuery的方式來檢測周圍DIV的顯示狀態是否設置爲none,然後在顯示DIV時請加載Flash視頻。

這可以通過AJAX調用完成嗎?

讓我知道你是否知道如何做到這一點。對不起,我在Javascript上越來越好,但我不是任何方式的專家,所以任何幫助表示讚賞!

我也很抱歉沒有包含引用鏈接,這是一個公司項目。不透露的東西。

回答

0
height: 0; width:0; overflow: hidden; 

這實際上結束了很好的工作。我之前嘗試過,但沒有正常工作。我不知道爲什麼,但對於任何使用FancyBox的人來說,誰是動態加載SWF或FlashPlayers的,這是你想隱藏DIV的CSS。奇蹟般有效。 FancyBox會自動調整DIV的大小以適應它。