的Youtube HTML5 iframe嵌入有玩

我在我的頁面的Youtube HTML iframe嵌入在IE的輪廓，這是代碼：的Youtube HTML5 iframe嵌入有玩

<iframe src="http://www.youtube.com/embed/gI2eO_mNM88?rel=0&amp;autohide=1&amp;color=white&amp;showinfo=0&amp;theme=dark&amp;wmode=transparent&amp;hd=1" width="470" height="264" frameborder="0" allowfullscreen webkitAllowFullScreen></iframe>

如果我按下播放鍵我在IE9 + 8得到一個虛線1px的輪廓。我有這在我的CSS：

embed, 
object { 
    outline: 0; 
    overflow: hidden 
}

但這似乎沒有幫助。它沒有在Chrome或FF（都是最新版本）中獲得大綱。我也嘗試將iframe放入與iframe具有相同尺寸的div中，並給出該div溢出：隱藏，但沒有運氣。

來源

2012-08-15 Gregory Bolkenstijn

我創建這種情況下的小提琴：http://jsfiddle.net/keaukraine/UmTZy/

正如你所看到的，輪廓內iframe元素出現。您不能影響iframe中元素的樣式，因爲它超出了您網頁的範圍。

一個相當不好的解決方法是將iframe放在它隱藏1px大綱的方式。我把它放在稍微小一點的div裏面並且放置它，這樣它就隱藏了這個大綱。如果這個解決方案適合你，你可以在這個小提琴中看到它：http://jsfiddle.net/raQEH/

來源

2012-08-16 08:13:27 keaukraine

不是一個非常乾淨的解決方案，但迄今爲止最好的解決方案。謝謝。 – 2012-08-17 12:19:46

給你的IFRAME一個id = 「iframe中」，並嘗試這個辦法：

#iframe:active, #iframe:focus { 
    border: none; 
    outline: none; 
}

來源

2012-08-15 16:58:36 ygssoni

不工作，謝謝。 – 2012-08-15 17:32:18

嘗試border:0;如果大綱沒有工作。

來源

2012-08-15 16:58:46 Rob

不起作用，謝謝。 – 2012-08-15 17:31:48

我剛在youtube開發論壇發佈了這個問題。希望他們可以從他們的網站解決這個問題

https://groups.google.com/forum/?fromgroups#!topic/youtube-api-gdata/gqt_G5d8HYM%5B1-25%5D

來源

2012-08-17 22:03:24 ceasar

的Youtube HTML5 iframe嵌入有玩

回答

相關問題