首页 文章

在iframe中嵌入的YouTube视频无法在Firefox中使用

提问于
浏览
1

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

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

相关问题