Question

我制作了一个小插件，我在编写时会在点击图片时加载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>');

由于“使用网址访问框架的不安全尝试”错误，Chrome是否会返回0？如果是这样的话，我可以避免这个错误吗？或者我只需要使用其他方法来使用Chrome提取Iframe样式属性？

Answer 1

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

参考： -

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

Answer 2

您是否尝试过设置height和width：

  var dataHeight = $dataObject.height(250);
  var dataWidth = $dataObject.width(420);

通过插件加载YouTube Iframe时Chrome浏览器不安全的javascript请求

2 个答案: