我正在开发一个网站，应该是响应，以便人们可以从他们的手机访问它。该网站有一些安全的部分，可以登录使用谷歌，Facebook，…等(OAuth)。
服务器后端是用ASP开发的。Net Web API 2，前端主要是AngularJS加上一些Razor。
对于身份验证部分，在包括Android在内的所有浏览器中，一切都很好，但谷歌身份验证在iPhone上不起作用，它给我这个错误消息
Refused to display 'https://accounts.google.com/o/openid2/auth
?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson
/last&openid.ax.required=email,name,first,last'
in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
现在就我而言，我没有在我的HTML文件中使用任何iframe。
我搜索了一下，但没有答案让我解决这个问题。
当前回答
我测试了所有的项目，但这段代码帮助我:
?rs:embed=true
例如，我想在我的应用程序中加载一个pbix。我使用这个代码:
<iframe id="pageIFrame" class="iFrame" src="http://MyServer/ReportS/powerbi/Test?rs:embed=true"></iframe>
这很有效。
其他回答
为了将youtube视频嵌入到你的angularjs页面中，你可以简单地为你的视频使用以下过滤器
app.filter（'scrurl'， function（$sce） { 返回函数（文本） { text = text.replace（“watch？v=”， “embed/”）; 返回 $sce.trustAsResourceUrl（text）， }; }); <iframe class=“ytplayer” type=“text/html” width=“100%” height=“360” src=“{{youtube_url | scrurl}}” frameborder=“0”></iframe>
有一个解决方案对我来说很有效，参考父母。在获得将重定向到谷歌身份验证页面的url后，您可以尝试以下代码:
var loc = redirect_location;
window.parent.location.replace(loc);
下面是我在Iframe中使用并成功显示的代码，我正在c#中使用cshtml制作此代码。
@if (item.DisplayValue2 != null)
{
<div id="collapse_@item.ID" class="collapse" role="tabpanel" aria-labelledby="heading_@item.ID" data-parent="#accordion" style="">
<div class="card-body">
@item.DisplayValue1
</div>
<br /> <br />
@{
var url = item.DisplayValue2.Replace("watch?v=", "embed/");
}
<iframe width="560" height="315" src=@url frameborder="0" allowfullscreen style="margin-bottom: 25px; margin-left: 25px;">
</iframe></div>
好吧，在这篇SO文章的帮助下花了更多的时间之后
克服“x帧选项禁止显示”
我设法解决了这个问题，在发布到谷歌url之前，将&output=embed添加到url的末尾:
var url = data.url + "&output=embed";
window.location.replace(url);
试着使用
https://www.youtube.com/embed/YOUR_VIDEO_CODE
你可以在“嵌入式代码”部分找到所有的嵌入式代码，它看起来像这样
<iframe width="560" height="315" src="https://www.youtube.com/embed/YOUR_VIDEO_CODE" frameborder="0" allowfullscreen></iframe>
