1

我认为这是 Firefox 中的一个错误，但只是想我会在这里检查。

我的网页上有一个 iframe，其中包含一个包含嵌入式 YouTube 播放器（在 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/

4

1 回答 1

1

似乎 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();

​</p>

于 2012-10-09T23:09:00.323 回答