Question

我不能这样做。我得到了灯箱工作我得到了一个被点击插入到youtube src的链接，但我得到这个拒绝显示文档，因为X-Frame-Option错误禁止显示。有人可以解释一下吗。

var $this = $(this),
      use_iframe =true,
      url = $this.attr('href'),
      name = $this.html(),
      // replace = false,
      $frame = $('#frame');





  var createvideoBox = function () {

      $('<div class="overlay"></div>').appendTo('#container');

      $frame.css({
        'top' : 50 + 'px',
        'position': 'fixed',
        'left' : 50 +'%',
        'margin-left' : -370 +'px',
        'width' : 1110 +'px',
        'z-index' : 2,
        'display' : 'block',
        'backgroundColor' : 'white'
      });

  }




  //  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= //
  // // – Trigger Event 
  // // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 

      $('a').on("click", function(event) {

        var url = $(this).attr('href');

                  // console.log(url);

    // $('iframe').attr('src', url);

       createvideoBox();

          if(use_iframe) {

              $('iframe').attr('src', url);

          } else {

            window.open(url,name,replace);  

          }


          ///Prevent link execution 
          event.preventDefault();

        });

Answer 1

听起来您正试图构建YouTube /watch页面，例如：

http://www.youtube.com/watch?v=oHg5SJYRHA0

YouTube的框架选项不允许 - 该页面无论如何都不适合框架。改为构建/embed页面：

http://www.youtube.com/embed/oHg5SJYRHA0

这样的所有链接都没有通用解决方案 - 许多网站（包括Google的大部分属性）都有框架选项，禁止框架。如果你需要这个适用于所有链接，那你就运气不好;没有办法做到这一点。

如何修复iframe拒绝显示文档，因为X-Frame-Options禁止显示

1 个答案: