草庐IT

embed_iframe

全部标签

javascript - YouTube API 目标(多个)现有 iframe

我正在尝试了解如何使用YouTubeAPI定位现有的iframe(即不使用脚本构建iframe)。像往常一样,Google没有提供足够的API示例,但在此处解释说这是可能的http://code.google.com/apis/youtube/iframe_api_reference.html这是我正在尝试执行的操作的示例-应该播放缩略图下方的视频。我快到了,但只有第一个视频播放...http://jsfiddle.net/SparrwHawk/KtbYR/2/ 最佳答案 长话短说:演示:http://jsfiddle.net/Kt

javascript - 如何在页面加载时使用 jQuery 将 youtube 视频 url 转换为 iframe 嵌入代码?

我有一个所见即所得的文本区域,有时用户可能会在框中输入一个youtubeurl。在服务器端,有html过滤器以防止保存“有害”代码。因此,我只想保持服务器代码不变,并运行一个jQuery文档就绪事件,该事件在文本block中搜索YouTube链接,并将其转换为iframe嵌入代码。我想它会是基于正则表达式的,但我对正则表达式非常讨厌(在某些时候,我真的需要坐下来研究它们)。两种类型的YouTube链接:http://www.youtube.com/watch?v=t-ZRX8984sc或http://youtu.be/t-ZRX8984sc 最佳答案

javascript - <iframe> javascript跨域访问父DOM?

我控制嵌入在来自另一个域的页面中的iframe的内容。我的iframe中的javascript是否有任何方法可以更改父级的DOM?例如,我想让我的iframed脚本向父DOM添加一堆html元素。这似乎是一个相当高的要求-想法?编辑:存在一种称为“FragmentIDMessaging”的技术,它可能是跨域iframe之间进行通信的一种方式。编辑:此外,Firefox3.5、Opera、Chrome(等)似乎正在采用html5"postMessage"api,它允许在框架、iframe和弹出窗口之间进行安全的跨域数据传输。它像一个事件系统一样工作。显然,IE8支持此功能,这可能有点令人

Javascript,跟踪 iframe 重定向顶部窗口

由于除了沙盒之外没有其他方法可以阻止iframe重定向顶部框架,沙盒会阻止可见性跟踪所需的其他功能,因此我想跟踪重定向。由于一个站点可以有多个iframe,因此可以是其中任何一个。有什么方法可以跟踪/找出哪个(特定的iframe)导致顶部框架重定向?这是一个沙箱(使用浏览器控制台并启用保留日志):注意iframe内容通常是跨域的。为了便于在sandox中使用它。 最佳答案 我们可以使用类似iframe.contentWindow.document的东西访问iframe内容但如果我们观察Same-originpolicy,这是可能的.

javascript - 谷歌翻译 iframe 解决方法

我正在使用谷歌翻译工具翻译一个网页,我在这个页面上也有一个iframe,它显然没有随页面一起翻译。是否有任何人知道的解决方法,以便我也可以翻译iframe? 最佳答案 这是Google翻译的真正限制或政策。您不能重写iframe内容。但是您可以做的一件事是将iframeurl更改为翻译后的页面,例如: 关于javascript-谷歌翻译iframe解决方法,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - "iframe sandbox"技术安全吗?

更新:由于这个问题没有答案,所以我稍微改变了这个问题。下面链接的Dean博客上的帖子评论表明此技术在Safari中不起作用。我现在的问题是:下面描述的技术在现代浏览器中是否有效*,特别是有人可以确认它是否在Safari中有效吗?这是最近的blogpost.它在某一时刻说:Sandboxednatives...aresupportedinavarietyofbrowsers,including...Safari2.0+...但后来说iframe技术“被除Safari之外的所有主要浏览器支持”,他展示的回退涉及使用伪造的构造函数和__proto__做一些奇怪的事情,这似乎有点哈克。我几乎很

javascript - 如何重置 YouTube 嵌入 <iframe> 中的事件触摸事件监听器?

tl;dr:YouTube嵌入式视频标签有touch-event-listeners。活跃的触摸事件监听器会导致滚动性能问题-AKAjank.我通常通过使用touch-action:initial来设法修复与事件触摸事件相关的卡顿问题。在CSS中。这不适用于Youtube嵌入式视频元素。介绍:KayceBasques-谷歌技术人员-写道:Whenyouscrollapageandthere'ssuchadelaythatthepagedoesn'tfeelanchoredtoyourfinger,that'scalledscrolljank.Manytimeswhenyouencoun

javascript - 捕获传入的 URL 参数,然后使用 Javascript 传递给 iFrame Src

所以想弄清楚如何在Javascript中使用window.location来做到这一点。我将用户发送到我们的网站,并附上一个带有GoogleAnalytics代码的URL,我需要将该代码传递给该页面上的iframesrc。我假设Javascript可以做到这一点(注意-我不能使用PHP)...这就是我想要做的:我会将用户带到包含所有事件数据的页面。例如,用户会单击此链接:http://www.xyz.com/index.html?utm_source=Facebook&utm_campaign=Facebook+May&utm_medium=click他们将被定向到那个页面,然后上面有

javascript - 捕获 iframe 的控制台日志

有没有办法在iframe之外捕获控制台?我正在研究onlineIDE类似于jsFiddle,我想让用户选择至少阅读javascript控制台的结果。 最佳答案 如果你想在窗口容器的主体内打印日志消息,可以在那里声明面板:varconsole={panel:$(parent.document.body).append(''),log:function(m){this.panel.prepend(''+m+'');}};console.log('message'); 关于javascript

javascript - 如何使用 CORS 访问 iframe

当用户打印时,我的服务器生成PDF,我这样做是为了显示PDF的打印对话框。$('').attr('src',url).load(function(){variframe=this;setTimeout(function(){//ChromePDFviewershows"Loading..."foreverotherwiseiframe.contentWindow.print();$(iframe).remove();//gc},50);}).appendTo('body');但现在我在S3上托管PDF。我明白了UncaughtSecurityError:Blockedaframewit