1

これはFirefoxのバグだと思いますが、ここで確認しようと思いました。

私のWebページに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/

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 に答える