草庐IT

Cross-Site-Iframe

全部标签

html - 对 YouTube iframe 使用无缝和/或沙盒属性有什么意义吗?

更新:这个问题不再有效。请参阅下面的评论。YouTube嵌入现在是使用iframe完成的。HTML5引入了seamless属性,这不仅会影响呈现,而且会与主机页面的集成更加紧密。(它不应不作为单独的文档向屏幕阅读器公布。)HTML5引入了sandbox限制iframe从而提高安全性的属性。在浏览器完全支持这两个属性的世界中,嵌入YouTube视频时,它们对页面有好处还是以任何方式产生不利影响?(是的,问题的后半部分主要是关于无缝。)我正在考虑推荐我的学生始终对YouTube视频使用这2个属性,并在浏览器支持可用时自动受益。 最佳答案

html - 将 css 应用于 html 而不是 iframe html

我正在为“时尚”插件制作用户样式表。它在整个页面上应用了一个半透明的暗框,用于夜间浏览。我正在使用:html:before{content:url()!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;background:rgba(2,3,3,.35)!important;z-index:99999999999999999!important;pointer-events:none!important;}创建固定的

html - 将 css 应用于 html 而不是 iframe html

我正在为“时尚”插件制作用户样式表。它在整个页面上应用了一个半透明的暗框,用于夜间浏览。我正在使用:html:before{content:url()!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;background:rgba(2,3,3,.35)!important;z-index:99999999999999999!important;pointer-events:none!important;}创建固定的

ios - 如何在 "touching"嵌入 iframe 时禁用滚动?

我正在制作一个移动HTML5应用程序。我已经禁用滚动(并在某些部分启用它)并且一切都很好,但是当我通过iFrame嵌入Youtube视频时问题就开始了。似乎当用户按下iframe时,整个页面都会滚动,我似乎无法找到解决方法。添加事件监听器不起作用。 最佳答案 您真的无法控制iframe中发生的事情。但是如果你想聪明一点,你可以将元素直接放在iframe上,比如div或透明Canvas或任何你想要的,这将捕获所有事件,这样用户就无法按下iframe。不是最理想的,这意味着用户无法按youtube视频上的按钮,但这可能是您唯一的选择。

ios - 如何在 "touching"嵌入 iframe 时禁用滚动?

我正在制作一个移动HTML5应用程序。我已经禁用滚动(并在某些部分启用它)并且一切都很好,但是当我通过iFrame嵌入Youtube视频时问题就开始了。似乎当用户按下iframe时,整个页面都会滚动,我似乎无法找到解决方法。添加事件监听器不起作用。 最佳答案 您真的无法控制iframe中发生的事情。但是如果你想聪明一点,你可以将元素直接放在iframe上,比如div或透明Canvas或任何你想要的,这将捕获所有事件,这样用户就无法按下iframe。不是最理想的,这意味着用户无法按youtube视频上的按钮,但这可能是您唯一的选择。

javascript - 确定 iframe 中的元素是否在屏幕上可见

我需要确定iframe中的元素在屏幕上是否可见。(如果它在屏幕的可见部分)我的意思是页面可以很长,用户必须滚动才能看到元素index.html:............iframe.html:.............varel=document.getElementById('element');if(isElementVisible(el)){//dosomething}如何编写这样一个函数isElementVisible()? 最佳答案 这是您要实现的目标的示例。WorkingexampleJusttheiframe基本上,这

javascript - 确定 iframe 中的元素是否在屏幕上可见

我需要确定iframe中的元素在屏幕上是否可见。(如果它在屏幕的可见部分)我的意思是页面可以很长,用户必须滚动才能看到元素index.html:............iframe.html:.............varel=document.getElementById('element');if(isElementVisible(el)){//dosomething}如何编写这样一个函数isElementVisible()? 最佳答案 这是您要实现的目标的示例。WorkingexampleJusttheiframe基本上,这

javascript - 如何删除 iFrame 中的某个元素

这个问题在这里已经有了答案:HowcanIaccessthecontentsofaniframewithJavaScript/jQuery?(15个答案)关闭5年前。我有一个网站,其中有一个iFrame。iFrame链接到外部页面。我想在没有任何人点击任何“删除”按钮或做任何事情的情况下使用Javascript(其他方法也可以)删除外部网站(该网站有HTML编码)中的一些元素,所以当我的网页和iframe加载,没有人可以看到它。例如,我想删除一个网站的标志和一些内容。我尝试了很多方法,但它们在iFrame中不起作用。

javascript - 如何删除 iFrame 中的某个元素

这个问题在这里已经有了答案:HowcanIaccessthecontentsofaniframewithJavaScript/jQuery?(15个答案)关闭5年前。我有一个网站,其中有一个iFrame。iFrame链接到外部页面。我想在没有任何人点击任何“删除”按钮或做任何事情的情况下使用Javascript(其他方法也可以)删除外部网站(该网站有HTML编码)中的一些元素,所以当我的网页和iframe加载,没有人可以看到它。例如,我想删除一个网站的标志和一些内容。我尝试了很多方法,但它们在iFrame中不起作用。

javascript - 检测 AJAX 请求调用的 Iframe 滚动事件

我的主页上有一个链接,该链接使用ajax检索在Iframe中显示的PDF,我正在尝试检测PDF文档的滚动事件并显示消息或执行某些操作。一般来说,我在stackoverflow和谷歌搜索上尝试了与其他解决方案不同的解决方案,但找不到好的解决方案。主.php$(document).on('click','#nextpdf',function(event){event.preventDefault();varreg=$(this).attr("href");varstr=reg.split('?')[1];$.ajax({type:"GET",url:'../functions/pdfrea