2012-01-27 92 views
1

我需要使用wmode = opaque或類似的東西,因爲我想在視頻前放置圖像(佔位符和箭頭圖像,視頻將會在幻燈片中)。YouTube wmode = opaque在IE9(或任何其他IE)中不工作

但是,我很努力讓這個工作在任何版本的IE瀏覽器(甚至9!)。

我也試過的wmode的每一個變種 - 不透明,透明窗口,直接

這裏是對代碼的鏈接...

http://jsfiddle.net/KtbYR/30/

下面是實際的代碼保存的目的......

/* HTML */ 
<div id="tabs2"> 
    <div> 
    <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'> 
    <iframe id="frame1" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?e&wmode=opaque"></iframe> 
</div> 

<div> 
    <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'> 
    <iframe id="frame2" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=opaque"></iframe> 
</div> 

/* CSS */ 
#tabs2 div { 
    position: relative; 
} 

.thumb { 
    position: absolute; 
} 

回答

1

您究竟如何測試這是否適用於IE?我只是檢查,並在視頻的頂部的圖像層正確

+0

你可以看到視頻,但?當我播放時,聲音出來,但沒有視頻。它適用於其他一切。我正在使用Windows 7 32位虛擬機進行測試。 – SparrwHawk 2012-01-27 17:23:43

+0

我確實可以在所有情況下看到視頻。我的IE9圖像在Windows 7 Pro 64bit中是原生的。我的IE8/7/6映像位於虛擬機中,它們都可以播放。 – Aaron 2012-01-27 17:25:41

+0

考慮到我花了整整一天的時間來解決這個問題(!),這對我來說真的很奇怪/煩人。現在只需更新我的Flash播放器以查看它是否可能。你有可以試用的BrowserStack賬戶嗎?不幸的是我的免費計劃已經用完了! – SparrwHawk 2012-01-27 17:31:41

相關問題