草庐IT

frameset-iframe

全部标签

html - IFrame 图像大小调整

在任何现代浏览器中,当您访问图像url(例如http://i.imgur.com/xrM9q.jpg)时,它会自动调整该图像的大小并为您提供使用小放大镜“放大”的选项。iframe并非总是如此:如果你将一个iframe链接到一个图像,Firefox会给出这个很好的行为:它开始表现得像max-width:100%;max-height:100%,然后点击变大即可。但是,在Chrome中,图像只是全尺寸。尝试打开thisexample在Chrome和Firefox中。如何让Chrome浏览器“巧妙地”处理图像?也就是说,默认行为是否显示放大镜光标并提供自动调整大小?(澄清一下:我希望它在C

javascript - 使用 HTML5 视频元素且不使用 iframe 嵌入 Vimeo 视频

我正在尝试使用HTML5视频元素将Vimeo视频嵌入到网页中,尽管Vimeo的嵌入代码使用的是iframe。我想使用视频元素,以便创建包含视频的完全响应式网页,但我在不使用HTML5的情况下遇到了问题。我尝试了几种工具,最成功的是使用fitvidsjs,但响应不是100%(黑条等)。是否可以将HTML5视频元素与Vimeo视频一起使用(即没有iframe)?VimeoAPI可以帮助我实现这一目标吗? 最佳答案 您可以使用以下代码在html5中显示 关于javascript-使用HTML5

javascript - YouTube 360​​ 视频 iframe 在移动浏览器中不起作用

我正在尝试为YouTube360​​视频获取嵌入式iframe,以便在我的移动网站上播放-它在桌面浏览器上运行良好,但在移动浏览器中我只能播放平面立体View。我可以确认它绝对是一个HTML5播放器这显然是其他人遇到的未解决问题。请参阅以下帖子:https://productforums.google.com/forum/#!topic/youtube/7sk92Fs1jukMakeYoutube360degreeVideosworkonmobile所以我至少需要这两个潜在问题/解决方案之一的帮助。1)是否有可能在移动浏览器中实现此功能?Google的文档表明它应该供引用-这是我的if

javascript - 在 iFrame 中安全地执行 HTML5/Javascript

我想开发一个网站来托管HTML5游戏。由于这些游戏有可能包含恶意javascript,我想知道如何设置一个安全的环境来托管它们。似乎用iframe嵌入游戏是答案,但我对网站开发比较陌生,所以有一些问题:有没有一种简单的方法可以在同一域中安全地托管游戏,或者...游戏是否必须托管在不同的域上,然后嵌入到iframe中,以便它无法与父文档交互?如果游戏在托管在另一个域上时执行,它能否以任何恶意方式与该托管域交互? 最佳答案 跨站点脚本和cookie的超范围将是这里的一个大问题。使用浏览器的同源策略将是一种有值(value)的防御方法。r

javascript - 如何更改 IFrame 中的文本颜色

我有一个带有IFrame链接到文本文件的html页面,我的html页面的主体设置为黑色,IFrametxt的默认颜色是黑色,所以我看不到我的文本:/我想知道如何更改文本颜色,谢谢。吉奥基拉 最佳答案 这至少在FF、IE和Opera中有效。document.getElementById('your_iframe_id').contentWindow.document.body.style.color='white';在Chrome中,您只能更改IFRAME的背景颜色:document.getElementById('your_ifra

javascript - 使用postMessage在不同域的iframe中进行本地存储

我的问题与performancesetbacksofusinglocalStorage有关和一个可能的解决方法。据我了解(对此我不太确定),一旦在页面上看到对localStorage的引用(编译时?),它就会阻止线程并从磁盘读取数据以填充localStorage内存以供引用.或者,如果该域过去存储过数据,那么它可能会在磁盘上查找数据,因此它知道本地存储已经在那里使用。在任何一种情况下,由于localstorageapi是同步的,它会阻止从磁盘读取的线程,让我们等待数据被读取,然后页面才能做任何其他事情。假设我们将一个iframe插入页面,该页面动态加载不同的域作为其源。如果我们使用此i

html - iOS Safari 不滚动以锚定在 iframe 中

我有一个带有iframe的HTML页面,我需要在加载时将其内容滚动到某个位置。我的示例在大多数浏览器中运行良好,但iOSSafari除外——这是我真正需要的浏览器。它倾向于在第一个页面加载时在iOSSafari中工作,但通常之后的任何刷新都会显示滚动到顶部的iframe内容。我读过有关重定向导致#anchorname被删除的问题,但在本例中并非如此。真正的iframe内容和主页在不同的域中。我可以影响iframe的内容,但我无法控制它。它也用于其他目的,所以我做任何可能干扰它的自定义的能力有限。直播链接在这里:https://s3.amazonaws.com/ios-iframe-te

html - 将 IFrame 设置为 "about:blank"的跨浏览器方式?

有人知道“清空”IFrame的正确跨浏览器方法吗?“about:blank”是否在所有浏览器中都被正确识别?给IFrame一个空的src是否有效? 最佳答案 怎么样src="javascript:;"或src="javascript:void(0)"这应该适用于IE和Firefox 关于html-将IFrame设置为"about:blank"的跨浏览器方式?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.c

iphone - YouTube 是否破坏了 iPhone 上嵌入的 IFrame?

我们一直在使用YouTube的iframe嵌入视频。一切皆好;在iPhone上除外。在iPhone上,视频占位符图像被拉伸(stretch)到应有的两倍高。播放视频时会出现消息“您需要更新您的Adob​​eFlashPlayer...”——这肯定不对吧?这大约一周前工作正常。我目前正在使用4.3.1的iPhone4上进行测试-但也在iPad4.2.1上进行了测试。我正在测试的示例剪辑在这里:http://wexion.net/posts/youtube_iframe_test该页面的HTML如下所示,但如果我将它放在“正确”页面上,也会发生同样的问题。还有其他人有这个问题吗?知道是怎么

javascript - Iframe 内的 Iframe。这可以做到吗?

我们有一个视频(vimeo)链接,希望我们的用户观看。每个视频后都有一个简短的调查问卷。我们的目的是在用户点击打开视频进行观看之前,不让用户看到问卷。我只能考虑将下面的代码嵌入到另一个iframe中以隐藏链接。这可能吗?是否有替代方法?DogSmokingbody{padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}variframe=$('#player1')[0],player=$f(ifram