草庐IT

embed_iframe

全部标签

javascript - 找出 html 元素在 iframe 中的位置

我想找出一个元素在iframe中的位置。我正在尝试使用:-//FunctiontofindthepositionofelementonpagefunctiongetElementPosition(elem){varposX=0;varposY=0;while(elem!=null){posX+=elem.offsetLeft;posY+=elem.offsetTop;elem=elem.offsetParent;console.log("Infunction:"+elem.tagName+""+posX+""+posY);}return{x:posX,y:posY};}获取iframe

javascript - 在设备浏览器中打开 InMobi iframe 链接(phonegap build)

我使用jQueryMobile创建了一个移动应用程序,并通过PhoneGapBuildv2.5为iOS和Android构建了它。然后我使用他们的javascriptapi成功地添加了inmobi广告。广告显示得很好,但当用户点击广告时,广告接管了应用程序,问题就来了。这在Android中不是问题,因为用户有一个后退按钮,但在iOS设备上,用户被卡住了,无法返回到我的应用程序。通过将所有url传递给此函数,我已成功设置我的应用程序中包含的所有外部链接以在设备的浏览器中打开:functionopenNewBrowser(url){window.open(encodeURI(url),'_s

javascript - Chrome 扩展中的持久化 iFrame

有没有人碰巧知道是否可以在Chrome扩展程序中使用持久化iFrame?目前我在后台页面中运行了iFrame,但我希望能够让用户看到它(它是一个视频播放器,因此即使正在播放视频,用户也无法单击控件)。目标是如果用户关闭扩展的弹出窗口,视频仍然播放,并且当他们再次单击弹出窗口时,视频仍在播放并且他们可以访问控件。过去这似乎可以通过importNode/adoptNode实现,但看起来这些已从API中删除。任何帮助都会很棒!谢谢 最佳答案 这对于iframe可能是不可能的-听起来像规范waschanged使用adoptNode移动ifr

jquery - 如何在 iframe 中设置 base64 pdf 的文件名?

我有一份base64格式的报告PDF,我想显示嵌入在HTML页面中的文件。为此,我使用iFrame并可以正常工作,但问题是我无法设置PDF的名称,以便在下载时将使用分配的名称保存。我可以设置文件名吗?如果可以,我该怎么做?这是我的代码:variFrameBlock=$("").attr({"src":base64file_encode,"width":"100%","height":"100%","frameborder":"0"});$("#previewPDF").html(iFrameBlock);结果:PreviewofPDF当我尝试下载文件时,要保存的名称是“download

html - iFrame 最佳实践

我为我正在设计的网站准备了一个大型的、高清的JavaScript密集型图像横幅。每个人对使用iframe的看法是什么,这样您只需承担一次加载时间?是否有替代iframe的CSS?欢迎调用previewthesite.这是一项正在进行的工作。 最佳答案 IshouldalsohavementionedthatIwouldlikethebannerrotationtokeepmoving.Whenthevisitorclicksonalink,thebannerrotationstartsover.Itwouldbeniceifthe"

javascript - iframe 上的 Jquery 自定义滚动条

我正在寻找一个可靠的跨浏览器Jquery自定义滚动条插件,它可以很好地与iframe配合使用。谁有好的插件和解决方案? 最佳答案 很大程度上取决于上下文:您想创建一个带有样式滚动条的iframe,其他人可以将其放置在他们的网站上吗?或者您是否正在尝试为通过iframe放置在您网站上的其他人的内容设置样式?如果您可以控制iframe的内容,那么这很容易做到。我用过http://livepipe.net/成功。自定义滚动条的工作原理通常是将内容放在a中,然后通过javascript将该元素相对于父div移动。编辑1:这是详情页。只需开始

javascript - 为什么 "Facebook Comments"iFrame 在使用 CSS 'display: none' 加载到容器中时具有不同的高度?

我正在编写一个加载页面的Web应用程序,然后使用JavaScript使用Facebook的XFBML代码显示Facebook评论框。我在一个容器中有FacebookCommentsiframe,它在页面加载时设置为“显示:无”。稍后当用户单击按钮时,将显示容器。我遇到的问题是,当页面加载时FacebookComments容器设置为“显示:无”,Facebook加载的iframe的高度比预期的高得多。但是,如果我加载页面时将FacebookComments容器设置为“显示:block”,然后在页面加载后将其设置为“显示:无”,则iframe会获得正确的高度属性。我很好奇是什么原因导致if

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