草庐IT

embed_iframe

全部标签

html - 如何在 iframe 中显示 google.com?

我正在尝试将google.com放入我网站的iframe中,这适用于包括雅虎在内的许多其他网站。但它不适用于谷歌,因为它只显示一个空白的iframe。为什么不渲染?有什么技巧可以做到这一点吗?我已经尝试过以通常的方式在这样的iframe中显示网站:google.com页面不会在iframe中呈现,它只是空白。这是怎么回事? 最佳答案 这是因为Google正在发送“X-Frame-Options:SAMEORIGIN”响应header。此选项可防止浏览器显示与父页面不在同一域中的iFrame。参见:MozillaDeveloperNe

html - 为什么 iframe 被认为是危险的和安全风险?

为什么iframe被认为是危险的和安全风险?有人可以描述一个可以被恶意使用的案例吗? 最佳答案 一旦您显示来自另一个域的内容,您基本上就相信该域不会提供恶意软件。iframe本身没有任何问题。如果你控制iframe的内容,它们是完全安全的。 关于html-为什么iframe被认为是危险的和安全风险?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7289139/

html - 在 youtube iframe 上覆盖不透明的 div

如何在youtubeiframe嵌入式视频上叠加半透明不透明度的div?CSS#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;/*background:rgba(255,255,255,0.8);orjustthis*/z-index:50;color:#fff;}编辑(添加更多说明):HTML5正在接近我们,越来越多的设备使用它而不是flash,这使得youtube视频的嵌入变得复杂,幸运的是youtube提供了一个特殊的可嵌入iFrame来处理所有视频嵌入

html - 隐藏 iframe 上的水平滚动条?

我需要使用css、jquery或js隐藏iframe上的水平滚动条。 最佳答案 我建议结合使用CSSoverflow-y:hidden;scrolling="no"(对于HTML4)和seamless="seamless"(对于HTML5)**seamless属性有beenremoved来自标准,和nobrowsers支持一下。.foo{width:200px;height:200px;overflow-y:hidden;} 关于html-隐藏iframe上的水平滚动条?,我们在Stac

javascript - 放大 Iframe 会影响 cordova iOS 应用程序中错误的光标位置

我正在使用Cordova进行ios开发。我使用iframe在我的应用程序中打开外部链接。外部页面尺寸很大,为了适应屏幕,我使用了-webkit-transformscale属性。一切都很好,它适合屏幕。但问题是,当我选择文本输入时,输入光标(插入符号)开始在文本字段下方某处闪烁。请看代码:index.html:PersonDetail表单.html:PleaseEnterthePersonDetailsContinue而JS是:functionfixiFrame(){//setthesizeofIFrametothedevicescreenfit$("#formframe").widt

javascript - 平滑滚动效果在 iOS 上的 iframe 中不起作用

下面的脚本在点击网页中的anchor链接时添加了平滑的滚动效果。$('a').click(function(){$('html,body').animate({scrollTop:$($.attr(this,'href')).offset().top},500);returnfalse;});适用于大多数现代浏览器,包括适用于iOS和Android的移动浏览器。但是,如果脚本在iframe中运行,iOS上的浏览​​器不会应用平滑滚动效果。事实上,anchor链接变得毫无用处(如果用户点击一个,什么也不会发生)。即使在iframe中,该脚本也适用于Android和几乎所有桌面浏览器。iO

ios - 最近没有在 UIWebView 上使用 iframe 播放器播放 youtube 剪辑

我的iOS应用程序使用UIWebView上的youtubeiframe播放器以内联模式播放任何剪辑。以下代码是使用的HTML代码。body{background-color:transparent;color:white;}然后,它被传递给loadHTMLString方法。直到最近,该代码都运行良好。但是,我最近注意到我使用的每个剪辑都无法正常播放。显示了待机View和播放按钮,但尽管我按下了播放按钮,但播放效果不佳。只显示黑屏。我还没有找到解决问题的方法。YoutubeIframe播放器是否有任何变化或我错过的点数? 最佳答案 我

ios - iframe 比 iPhone 上应有的宽度宽

我有一个嵌入到响应式WordPress主题中的iframe。它在某些移动设备上看起来不错,但在iPhone上,iframe比它应该的要宽一点,并且它脱离了容器,所以用户看不到iframe的正确部分(大概在20-30px左右)。这发生在纵向模式下-如果方向设置为横向,它看起来没问题。iframe的内容也是响应式的,我使用的是bootstrap。在调整大小的桌面浏览器和Android移动设备上看起来也不错。所以问题只出在纵向iPhone方向上。我在iframe的头部使用它:有什么想法吗?谢谢! 最佳答案 MobileSafari似乎无法

jquery - Soundcloud iframe 在 iOS 下停止工作

我编写了phoneGap/Cordova代码,其中包括iframe中的一些soundcloud小部件播放器。代码在android和iOS下的桌面浏览器中运行良好。今天iOS版本停止播放音乐。我还尝试在移动safari和不同的iPhone和模拟器上运行代码,但结果相同。所有其他平台仍在按预期工作。Xcode控制台没有显示任何异常,但移动safari显示错误:>UnsafeJavaScriptattempttoaccessframewithURLhttp://domainname/fromframewithURLhttp://w.soundcloud.com/player/?url=htt

javascript - 在 iPad 上执行 playVideo() 命令后,YouTube iFrame API 在缓冲状态下挂起

我在iPad(iOS7、Safari浏览器)上使用iFrameAPI时遇到问题。当我尝试使用“player.playVideo()”命令启动视频时,当我调用“player.getPlayerState()”命令(表示正在缓冲)时,播放器变黑并返回“3”状态。点击红色的大YouTube按钮有效,但使用“playVideo()”命令无效。这可以在Google自己的YouTubeAPI演示页面上复制:https://developers.google.com/youtube/youtube_player_demo确保显示iFrame,然后点击播放器下方的蓝色“播放”按钮。在桌面浏览器上,这工