0

我制作了一个我正在编写的小插件,当单击图像时会加载一个 youtube iframe。部分脚本将加载的 youtube iframe 居中在父容器中。这在 FF 和 IE 中效果很好,但在 Chrome 中,不会返回适当的居中边距。在 Chrome 中,我还收到“不安全的 javascript 尝试使用 URL 访问框架”错误。

我有以下代码来获得我需要的尺寸:

(function($){

$.fn.vidloader = function(data){
      var $dataObject = $(data); //The Iframe
      var dataHeight = $dataObject.height();
      var dataWidth = $dataObject.width();

              //FF and IE return proper height and width, Chrome returns 0;
              //do a bunch of other stuff to process this 
        }
})

     $('#container_one').vidloader('<iframe "my iframe from youtube"></iframe>');

由于“不安全地尝试使用 URL 访问框架”错误,Chrome 是否返回 0?如果是这样的话,我可以避免这个错误吗?还是我只需要使用不同的方法来使用 Chrome 提取 iframe 样式属性?

4

2 回答 2

0

这是一个跨域脚本问题,该策略允许在源自同一站点的页面上运行的脚本(方案、主机名和端口号的组合)无特定限制地访问彼此的方法和属性,但阻止访问大多数方法和不同网站页面上的属性。

参考:-

http://en.wikipedia.org/wiki/Same_origin_policy

于 2013-02-19T05:58:49.527 回答
0

您是否尝试过设置heightwidth

  var dataHeight = $dataObject.height(250);
  var dataWidth = $dataObject.width(420);
于 2013-02-19T06:17:46.177 回答