草庐IT

embed_iframe

全部标签

javascript - Google Chrome - iFrame 中的 PDF 下载不工作

因此,由于最近的Chrome更新阻止了使用javaScript直接打开数据URL:“不允许将顶部框架导航到数据URL”,我有一些代码需要修改。我有一个使用mPDF生成PDF的ajax调用,将其发送回base64-并且应该在新选项卡中打开。这总是有效的。但是由于这个问题,我现在要做的是将该PDF加载到新窗口中的iFrame中以避免错误。那行得通,这就是我所拥有的:$('.print-order-pdf').click(function(){varorderNumber=$(this).attr('order')vardata={pdfnonce:pdfAjax.pdfnonce,acti

javascript - 在 IE 中打印隐藏的 iFrame

此解决方案在Firefox3.0+中运行良好,但IE8/7仅打印整个页面,而不是特定的iframe。这是单击打印链接时调用的函数:varprintfunc=function(){varurl=http://someurl.aspx;//ThisiFramehasstyle="visibility:hidden;position:absolute;left:-9000px;"varprintIFrame=GetObj('PrintIFrame');printIFrame.src=url;}加载到隐藏iframe的aspx调用onload事件处理程序上的打印函数:打印函数:this.Pri

javascript - 捕获点击 iframe 周围的 div

如何在iframe周围的div上捕获点击或鼠标按下事件。我已经尝试将函数附加到div上的单击事件,但由于iframe从不将事件冒泡到周围的div,因此永远不会调用该函数。有没有一种方法可以捕获div上的事件,然后将其传播到iframe以进行默认操作? 最佳答案 如果点击发生在iframe区域,则iframe上下文会处理点击事件,它不会向上冒泡到iframe父级。因此,如果点击事件发生在iframe区域,div将永远不会注册点击事件。此外,如果iframe包含的页面不属于与iframe父级相同的域,则禁止任何交互(关于sameorig

php - 从一个按钮基于变量 "id"刷新多个 iframe

我有一个php页面,页面上有多个iframe。如果您愿意,这些iframe包含一个按钮。当有人单击“按钮”时,我会触发javascript以刷新页面上带有id=xxx的另一个框架,这工作正常。问题是我希望能够刷新页面上的多个框架,它们都不能具有相同的ID值,所以如何做到这一点。这适用于单个iframe(我知道您不能在一个文档中有多个相同的ID。)我的想法是想做这样的事情。parent.document.getElementById('12345').contentWindow.location.reload();抱歉这个草率的例子,我已经醒了很久了。:) 最

javascript - 检测 <embed> 标签加载视频失败

我正在尝试使用以下嵌入标签捕获错误(在iPad/iOS上):我试图用以下方法捕捉它:$("#movie1").on('onerror',function(){alert('error!')});我还尝试了onabort、onstalled、onended和onsuspend-当视频加载失败。 最佳答案 您需要发出单独的HTTP请求来检查文件路径的有效性。varhttp=newXMLHttpRequest();http.open('HEAD','http://path/to/your/video',false);http.send()

ios - iOS 应用程序中的 YouTube iframe 太慢

我在我的iOS应用程序中使用YouTubeAPI,问题是它在我的iPhone上加载非常慢,但在iOS模拟器上它运行完美。我在不同的网络和不同的iPhone上试过,结果总是一样。在每个网络模拟器上工作得更好。我正在使用YTPlayerView-iframe-player.html和YTPlayerView。所以,问题是我可以做些什么来加快加载速度,还是可以在加载后开始播放歌曲? 最佳答案 没有办法加速您的网络。您可以做两件事来改善用户体验:隐藏播放器直到视频加载,并尽快开始播放视频(自动播放)。将自动播放键添加到您的playervar

ios - Ionic iframe 加载在 iOS 上无法完全运行

我正在使用ionic开发移动应用程序。该应用程序有多个用于加载外部页面的iframe。iframe加载在android(设备和模拟器)和浏览器中运行良好。但在iOS上,外部页面并未完全加载到iframe中。页面底部截断页面详情见截图:iOSDeviceScreen我的问题是为什么会发生这种情况以及为什么它在android上运行。以下代码片段显示了我如何添加iframe:page.htmlma​​in.css.center.scroll-content{display:table!important;width:100%!important;height:100%!important;t

ios - 位置 : fixed is not working in iOS when loading Angular site inside iframe in Ionic 3

简要说明我们正在努力实现的目标我们正在开发一个Angular应用程序。我们使用相同的代码库为Web和移动开发它。手机版包含很多功能,例如推送通知、短信订阅等。我们希望将手机版发布到Appstore和Playstore。我们使用简单的Ionic3应用程序将其构建到Android和iOS。Ionic3应用程序仅包含一个页面,我们在其中加载iframe中的Angular网站。Ionic页面的HTMLIonic页面的TSexportclassHomePage{iframeSrc:any;sanitizer:DomSanitizer;url:string='https://angular-loa

ios - ios 9.3.1 上 phonegap 应用程序中的 iframe

我正在尝试在iOS9.3.1上的phonegap应用程序中显示iframe。由于某种原因(因此出现这个问题),iframe出现在android上,但没有出现在ios上。设置:1.在mac上,我安装了PhoneGapdesktopv0.3.1并创建了一个新应用在index.html中我添加了iframePhoneGapConnectingtoDeviceDeviceisReadyapp.initialize();然后在安装了PhoneGap应用程序(https://itunes.apple.com/us/app/phonegap-developer/id843536693?mt=8)的i

javascript - 没有全屏的 Iphone 上的 YouTube Iframe API

我有一个网络应用程序,它使用YouTubeIframeAPI将歌词和和弦与YouTube歌曲同步。嵌入式视频在没有全屏的情况下在线播放对我们来说至关重要。否则用户在页面上看不到歌词和和弦,应用程序将毫无意义。这是demo.我们50%的流量来自iPhone,但iPhone始终全屏播放YouTube视频。这是嵌入视频的代码varplayer;functiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'390',width:'640',videoId:$("#ytid").attr("value"),play