草庐IT

embed_iframe

全部标签

javascript - 添加一个 Javascript 按钮来更改 iframe 的内容

我正在尝试创建这个页面,其中我有一个iframe,我想添加一个按钮来显示iframe中的下一页,以及一个按钮来显示iframe中的上一页。我总共有4个页面要显示在名为1.html2.html3.html4.html的iframe中,我希望按钮从1到4工作,然后返回到1,依此类推.草图是这样的:_________|IFRAME|||___________>这是我用来更改iframe内容的简单脚本这是iframe/按钮/功能。functioncontent2(){document.getElementById('screen').src="2.html";}谢谢

javascript - YouTube iFrame API 行为不一致/不确定

我在通过iframe/HTML5API控制Youtube视频的JavaScript代码中发现一个错误时遇到了问题。我回到主文档页面上的演示代码:https://developers.google.com/youtube/iframe_api_reference...令我惊讶的是,即使我从那里使用演示代码并且不做任何更改,我也会看到同样的不一致行为。行为是有时,当我加载此页面时,播放器会自动播放(这是代码的意图),有时则不会。它总是加载成功。此外,玩家似乎在6秒后从未停止过,这与评论所说的相反。断点验证问题的一部分至少是onPlayerReady()并不总是被调用。当我在onPlayer

html - jekyll 嵌入 iframe 不工作

我在google和这里​​搜索了很多,但我没有找到答案。我使用jekyll,在关于我的页面中,我要嵌入什么this,给定的iframe看起来像这样:我在我的“关于我”页面中使用它是这样的:{%raw%}{%endraw%}它看起来不错,但它没有工作,而不是我想要的,它显示原始文本而不是iframe。我已经尝试了几乎所有方法,但仍然无法正常工作... 最佳答案 正如我所说,我尝试了一切。最后,当我将双引号添加到width=298height=52像这样:width="298"height="52"终于成功了!我查看了youtube,我

javascript - 如何禁用点击但仍允许在 iframe 中滚动?

我的页面上有一个iframe显示在一个固定高度的面板中,但在iframe中呈现的页面要大得多。我不希望用户能够点击iframe中的任何内容。我知道对此的一般解决方案是在iframe顶部有一个不可见的div以禁用所有交互。但是,这也会禁用滚动功能。是否可以捕获并忽略iframe页面上的任何点击,但仍允许传播滚动? 最佳答案 如果您不希望iframe的内容与用户交互,您可以禁用它的指针事件。但是,如果您希望它是可滚动的,只需将一个全尺寸的iframe放在一个带有overflow:scroll的较小div中。div{width:50vw;

html - 带有 iframe 的嵌入式网站中的 iOS 滚动问题

我在iOS(Safari)上遇到iframe问题。我们通过iframe在我们的网页中使用一个网页-它在PC和Android上看起来很棒,但在iOS上整个View都被破坏了,我无法让可滚动的iframe在iOS上工作了。我们过去常常在iframe本身之外(在div中)修复iOS滚动问题:overflow:auto;-webkit-overflow-scrolling:touch;position:fixed;不幸的是,这不再有效,所以我们将其删除。这是iframe现在的样子:关于如何解决此问题或可以在此处使用哪些其他替代方案的任何想法?编辑:我也尝试过,但没有成功:touch-actio

html - iframe 下载 html 源而不是显示它

我想在页面中嵌入一个html文件。我使用以下代码:我通过angular获得的源是Azureblob存储中的index.html文件的地址:_sc.resource.previewUrl=$sce.trustAsResourceUrl("http://portalxxxxxxx.blob.core.windows.net/path/to/index.html");当我打开页面时,它会将index.html文件下载到我的计算机而不是显示它。如何强制显示? 最佳答案 问题是因为blob的内容类型属性。如果未显式设置blob的内容类型属性,

jquery - 更改 iFrame 的字体大小和字体系列

如何为iFrame(CSS或JQuery)设置字体大小和字体系列? 最佳答案 框架包含独立的文件。包括将元素添加到您在框架中加载的文档中的样式表。 关于jquery-更改iFrame的字体大小和字体系列,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4468510/

html - Iframe 在验证时显示错误?

在我的网站(HTML5)中,我有类似facebook的选项。但是通过w3cvalidation验证,显示错误如下:Theframeborderattributeontheelementisobsolete.UseCSSinstead.如果我为style='border:none;overflow:hidden;width:75px;height:27px;使用css然后显示“元素上的滚动属性已过时。改用CSS。”如果我删除所有内联样式并在css中提供,那么它不会显示任何错误,除了allowTransparency。为什么? 最佳答案

javascript - Internet Explorer 的 Fancybox Iframe 错误

我遇到了InternetExplorer的错误。iframe的大小不正确,它显示在页面的左上角而不是中间。在Firefox和Chrome中,一切正常。尝试了很多东西,但我找不到解决方案:(请帮帮我。您可以在此处查看IE8中的错误:http://www.ni-dieu-ni-maitre.com/v2/index_v2.php单击左上角标记为“iframe”的链接这是它的截图:这是我的代码:$(document).ready(function(){$('.fancybox').fancybox();$('.fancybox').click(function(){$.fancybox.op

javascript - 防止 iframe 重定向父页面

情况是这样的:我在同一个域上,我的网站内有一个iframe。目前,由于部署问题,我无法立即访问iframe代码。当iframe加载时,其中的代码会检测到触发父页面重定向的内容。暂时,我想删除它。我知道我可以使用onbeforeload,但每次用户单击任何链接时都会显示警告。有什么方法可以检测到重定向?它发生在主父页面完全加载之前。我在谷歌上搜索了很多,但仍然没有有效的解决方案。谢谢! 最佳答案 看完w3.orgspec.我找到了另一个解决方案。您可以设置sandbox="",这会阻止iframe重定向。话虽如此,它也不会重定向ifr