AJAX 和 YouTube:“X-Frame-Options"到“SAMEORIGIN". [英] AJAX and YouTube: 'X-Frame-Options' to 'SAMEORIGIN'.

查看：32 发布时间：2022/1/6 16:12:08 jquery ajax iframe youtube
本文介绍了AJAX 和 YouTube:“X-Frame-Options"到“SAMEORIGIN".的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述

我正在编写一个网站，通过 jQuery 动态加载内容.这样做的原因是让音频播放器保持运行状态，同时无需刷新即可浏览页面内容.
I'm writing a site where content is loaded dynamically via jQuery. The reason for this is to leave an audio player running while being able to navigate through page content without refresh.
在尝试让 YouTube 视频正常运行时遇到问题，设置如下.
Ran into trouble trying to get YouTube videos to work, it's setup like this.
站点内容使用 .load() 加载，对于视频页面，它包含指向 YouTube 视频的无序列表链接，每个链接都有一个空的 <div> 用于 <;iframe> 的.单击链接会增加
并将
</code> 嵌入视频.<em class="showen"></em></p>
<p class="en">Site content is loaded using .load(), and for the videos page it contains an unordered list of links to YouTube videos, and each with an empty <code>&lt;div&gt;</code> for <code>&lt;iframe&gt;</code>'s.  Clicking on a link grows the <code>&lt;li&gt;</code> and embeds the <code>&lt;iframe&gt;</code> with the video.</p>
<p class="cn">一切正常，除了 <code><iframe></code> 不会加载源代码，抛出这个错误.<em class="showen"></em></p>
<p class="en">Everything works well except the <code>&lt;iframe&gt;</code> will not load the source, throwing this error.</p>
<p class="cn"><strong>拒绝显示<a href="http://www.youtube.com/watch?v=myvideo" rel="noreferrer">http://www.youtube.com/watch?v=myvideo</a>'，因为它将 'X-Frame-Options' 设置为 'SAMEORIGIN'.</strong> <em class="showen"></em></p>
<p class="en"><strong>Refused to display 'http://www.youtube.com/watch?v=myvideo' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.</strong> </p>
<p class="cn">还尝试将 <code><iframe></code> 添加到 <code><li></code> 和 <code>display: none;</code> 中，结果相同.<em class="showen"></em></p>
<p class="en">Also tried adding <code>&lt;iframe&gt;</code> into <code>&lt;li&gt;</code> with <code>display: none;</code> with same result.</p>
<p class="cn">我以为我了解 javascript 同域策略，但这超出了我的理解.谷歌搜索错误让我相信这是服务器端的东西?但这没有任何意义.<em class="showen"></em></p>
<p class="en">I thought I understood the javascript same domain policy, but this is beyond me.  Googling the error leads me to believe it's something server side?  But that doesn't make any sense.</p>
<p class="cn">很难摆弄这样的东西，希望它有意义.<em class="showen"></em></p>
<p class="en">Hard to fiddle something like this, hope it makes sense.</p>
<h3 class="best_ans mt-1">推荐答案</h3>
<p class="cn">该错误意味着该文档只能用作位于 www.youtube.com 的文档内的 iframe<em class="showen"></em></p>
<p class="en">The error means that the document may only be used as iframe inside documents located at www.youtube.com</p>
<p class="cn">改用嵌入代码的 URL:<em class="showen"></em></p>
<p class="en">Use the URL of the embed-code instead:</p>
<pre><code><code>http://www.youtube.com/embed/myvideo
</code></code></pre>
<p class="cn">它将发送一个 <code>X-Frame-Options</code>-header，其值为 <code>ALLOWALL</code> <em class="showen"></em></p>
<p class="en">it will send a <code>X-Frame-Options</code>-header with a value of <code>ALLOWALL</code> </p>

                        <p>这篇关于AJAX 和 YouTube:“X-Frame-Options&quot;到“SAMEORIGIN&quot;.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p>
                        
                    </div>
                    <div class="arc-body-main-more">
                        <span onclick="unlockarc('2777040');">查看全文</span>
                    </div>
                </div>
				<div>
                            
                        </div>
                <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div>
            </div>
        </article>
        <div id="arc-ad-2" class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
        <div class="widget bgwhite radius-1 mb-1 shadow widget-rel">
            <h5>相关文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="始终附加Apache X-Frame-Options SAMEORIGIN" href="/1931802.html">
                            始终附加Apache X-Frame-Options SAMEORIGIN;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="由于&#39;X-Frame-Options&#39;到&#39;SAMEORIGIN&#39;，Laravel 4拒绝加载iframe" href="/888609.html">
                            由于&#39;X-Frame-Options&#39;到&#39;SAMEORIGIN&#39;，Laravel 4拒绝加载iframe;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="&#39;X-Frame-Options&#39;到&#39;SAMEORIGIN&#39;问题的通用解决方案" href="/864276.html">
                            &#39;X-Frame-Options&#39;到&#39;SAMEORIGIN&#39;问题的通用解决方案;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何绕过 X-Frame-Options: SAMEORIGIN HTTP 标头?" href="/2629945.html">
                            如何绕过 X-Frame-Options: SAMEORIGIN HTTP 标头?;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Google搜索何时开始发送X-Frame-Options：SAMEORIGIN？" href="/888659.html">
                            Google搜索何时开始发送X-Frame-Options：SAMEORIGIN？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何使用反向代理绕过 X-Frame-Options: SAMEORIGIN for iframe" href="/2479942.html">
                            如何使用反向代理绕过 X-Frame-Options: SAMEORIGIN for iframe;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="X-Frame-Options SAMEORIGIN阻止我网域上的iframe" href="/1013212.html">
                            X-Frame-Options SAMEORIGIN阻止我网域上的iframe;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="检测 X-Frame-Options" href="/2700904.html">
                            检测 X-Frame-Options;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="嵌入 YouTube 视频 - 拒绝在框架中显示，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;" href="/2697496.html">
                            嵌入 YouTube 视频 - 拒绝在框架中显示，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="嵌入 YouTube 视频 - 拒绝显示在框架中，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;" href="/2840121.html">
                            嵌入 YouTube 视频 - 拒绝显示在框架中，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="AJAX和YouTube：“X帧选项”到“SAMEORIGIN”。" href="/49007.html">
                            AJAX和YouTube：“X帧选项”到“SAMEORIGIN”。;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Laravel拒绝在iFrame中显示为&quot;SAMEORIGIN&quot;的&quot;X-Frame-Options&quot;." href="/1544548.html">
                            Laravel拒绝在iFrame中显示为&quot;SAMEORIGIN&quot;的&quot;X-Frame-Options&quot;.;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="跟踪X-Frame-Options标题" href="/888761.html">
                            跟踪X-Frame-Options标题;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Rails 更改 X-Frame-Options" href="/2386792.html">
                            Rails 更改 X-Frame-Options;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="X-Frame-Options禁止重定向到PayPal" href="/1734391.html">
                            X-Frame-Options禁止重定向到PayPal;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="X-Frame-Options 禁止重定向到 PayPal" href="/2737636.html">
                            X-Frame-Options 禁止重定向到 PayPal;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝在框架中显示“&quot;，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;" href="/2190513.html">
                            拒绝在框架中显示“&quot;，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝在框架中显示，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;" href="/2520721.html">
                            拒绝在框架中显示，因为它将“X-Frame-Options&quot;设置为“SAMEORIGIN&quot;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝显示在框架中，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;" href="/2122692.html">
                            拒绝显示在框架中，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝显示在框架中，因为它将&#39;X-Frame-Options&#39;设置为&#39;SAMEORIGIN&#39;" href="/822641.html">
                            拒绝显示在框架中，因为它将&#39;X-Frame-Options&#39;设置为&#39;SAMEORIGIN&#39;;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="ADFS 2016 X-Frame-Options拒绝" href="/1786734.html">
                            ADFS 2016 X-Frame-Options拒绝;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="克服“X-Frame-Options禁止显示”" href="/892073.html">
                            克服“X-Frame-Options禁止显示”;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="apache 上的 X-Frame-Options" href="/2542696.html">
                            apache 上的 X-Frame-Options;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="X-Frame-Options：允许从Firefox和铬" href="/760974.html">
                            X-Frame-Options：允许从Firefox和铬;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝在框架中显示&quot;URL&quot;，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;" href="/2283378.html">
                            拒绝在框架中显示&quot;URL&quot;，因为它将&quot;X-Frame-Options&quot;设置为&quot;SAMEORIGIN&quot;;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
    </div>
    <div class="side">
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>前端开发最新文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html">
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html">
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何解决&#39;重定向已被CORS策略阻止：没有&#39;Access-Control-Allow-Origin&#39;标题&#39;？" href="/1009885.html">
                            如何解决&#39;重定向已被CORS策略阻止：没有&#39;Access-Control-Allow-Origin&#39;标题&#39;？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html">
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞&#39;touchstart&#39;事件" href="/818517.html">
                            警告：添加非被动事件侦听器到滚动阻塞&#39;touchstart&#39;事件;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html">
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html">
                            此请求已被阻止;内容必须通过HTTPS提供;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html">
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html">
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝从执行脚本&#39;*&#39;，因为它的MIME类型（“应用/ JSON&#39;）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html">
                            拒绝从执行脚本&#39;*&#39;，因为它的MIME类型（“应用/ JSON&#39;）不是可执行文件，并严格MIME类型检查被启用。;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门教程
            </h5>
            <ul>
                <li>
                    <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html">
                        Java教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html">
                        Apache ANT 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html">
                        Kali Linux教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html">
                        JavaScript教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html">
                        JavaFx教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html">
                        MFC 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html">
                        Apache HTTP客户端教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html">
                        Microsoft Visio 教程
                    </a>
                </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门工具
            </h5>
            <ul>
                
                <li>
                    <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4">
                        Java 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6">
                        C(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8">
                        PHP 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1">
                        C# 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5">
                        Python 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33">
                        MySQL 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2">
                        VB.NET 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14">
                        Lua 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35">
                        Oracle 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7">
                        C++(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20">
                        Go 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45">
                        Fortran 在线工具
                    </a>
                </li>
            </ul>
        </div>
        
    </div>
</div>
<script type="text/javascript">var eskeys = 'ajax,和,youtube,x-frame-options,到,sameorigin'; var cat = 'cc';';//qianduan</script>
    </div>
<div id="pop" onclick="pophide();">
    <div id="pop_body" onclick="event.stopPropagation();">
        <h6 class="flex flex101">
            登录
            <span onclick="pophide();">关闭</span>
        </h6>
        <div class="pd-1">
            <div class="wxtip center">
                <span>扫码关注<em>1秒</em>登录</span>
            </div>
            <div class="center">
                <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" />
            </div>
            <div style="margin-top:10px;display:flex;justify-content: center;">
                <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" />
                <input id="btngo" type="button" onclick="chk()" value="GO" />
            </div>
            <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;">
                发送“验证码”获取
                <em style="padding: 0 .5rem;">|</em>
                <span style="color: #01a05c;">15天全站免登陆</span>
            </div>
            <div id="chkinfo" class="tip"></div>
        </div>
    </div>
</div>    <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script>
<footer class="footer">
    <div class="container">
		<div class="flink mb-1">
			友情链接：
            <a href="https://www.it1352.com/" target="_blank">IT屋</a>
            <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a>
            <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a>
        </div>
        <section class="copyright-section">
            <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a>
            ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a>
            <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a>
            <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a>
            <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a>
            <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a>
            本站内容来源互联网,如果侵犯您的权益请联系我们删除.
        </section>
        
<!--统计代码-->
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
    </div>
</footer>
</body>
</html>
AJAX 和 YouTube:“X-Frame-Options"到“SAMEORIGIN". [英] AJAX and YouTube: &#39;X-Frame-Options&#39; to &#39;SAMEORIGIN&#39;.

问题描述

AJAX 和 YouTube:“X-Frame-Options"到“SAMEORIGIN". [英] AJAX and YouTube: 'X-Frame-Options' to 'SAMEORIGIN'.
