頁面中的YouTube視頻嵌入在iframe中，但不工作在Firefox

我認爲這是Firefox中的一個錯誤，但我想我會在這裏查看。頁面中的YouTube視頻嵌入在iframe中，但不工作在Firefox

我在我的網頁上有一個iframe，其中包含一個包含嵌入式管樂器（在iframe中）的頁面。這在Firefox中運行正常。

然而，當我添加下面的CSS規則：

iframe { 
    transform: scale(0.75, 0.75); 
    -moz-transform: scale(.75, .75); 
    -webkit-transform: scale(.75, .75); 
    -o-transform: scale(.75, .75); 
    -ms-transform: scale(.75, .75); 
}

到外的iframe，YouTube的視頻只停止在Firefox工作。它適用於Chrome，Opera和Safari。

這是一個Firefox的錯誤？

下面是一個例子的jsfiddle http://jsfiddle.net/6C65Y/28/

來源

2012-10-09 Mike

可以大小傳遞給iframe的：'WIDTH = 「560」 HEIGHT = 「315」' – Ibu

看來Firefox不管理上的iframe CSS規模。

此代碼將工作：

var previewFrame = document.getElementById('test'); 
var preview = previewFrame.contentDocument || previewFrame.contentWindow.document; 
preview.open(); 

var code = '<!doctype html><title>Test</title><h1>YouTube video</h1><iframe src="http://www.youtube.com/embed/64qx95Ckrwc" width="75%" height="75%"></iframe>'; 

preview.write(code); 
preview.close();

來源

2012-10-09 23:09:00 MyBoon

我認爲是在Firefox中的錯誤。實際上，我的頁面上還有很多，我需要動態擴展iframe，具體取決於瀏覽器的大小。 – Mike

頁面中的YouTube視頻嵌入在iframe中，但不工作在Firefox

回答

相關問題