Question

我认为这是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/

Answer 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();

嵌入在iframe中的页面中的YouTube视频无法在Firefox中运行

1 个答案: