草庐IT

ios - Iframe 中的 YouTube 嵌入播放器在 iOS6 中不起作用

我真的需要你的帮助。在iOS应用程序上工作。我想玩优酷。通过阅读许多博客和帖子,我了解到我们需要使用iframe才能播放YouTube视频。但是,在某些视频中我得到:“此视频包含来自XYZ的内容。在某些网站上播放受到限制。在YouTube上观看”我读了这个问题:YoutubeiniOS5-donebuttonTapped它给出了youtubeapi的链接:https://developers.google.com/youtube/player_parameters他们建议使用iframe。youtube网站的例子是:我使用的代码:*{border:0;margin:0;}谁能帮我理解一

ios - Cordova iOS 空白 iframe

在我正在开发的Cordova应用程序中有一个iframe。问题是在测试应用程序(模拟器和设备)时,iframe是空白的。然而,在Android上,iframe可以完美运行。iframe在Angular指令中动态加载。在指令链接函数中,以下代码用于加载iframe并将其附加到指令的元素:variframe=angular.element('');iframe.attr('src',url);element.append(iframe);我也尝试过在以下几行中使用一些东西:variframe=document.createElement('iframe');iframe.src=url;结

javascript - 使用 iFrame 表单后 iPhone 数字键盘不断弹出 (iOS Safari)

我们的ReactWeb应用程序使用Stripe元素表单进行结帐(有关详细信息,请参阅here)。它将iFrame表单注入(inject)网站。正如预期的那样,在iOSSafari上使用网站时,当用户将注意力集中在Stripe输入上时,信用卡键盘会弹出。但是事情出了问题。首先,如果用户点击页面上的其他地方,键盘会保持不动。这不是什么大问题,因为您可以点击“完成”关闭键盘。但是随后-任何时候用户点击该网站,键盘都会弹出。点击“完成”没有任何作用-在下一次点击时,它会再次弹出。在用户关注另一个输入字段后,它最终停止。当React组件卸载时,我尝试在Stripe元素上手动调用blur(),但没

ios - 在 WkWebView/mobile Safari 的页面中为 iframe 启用 session cookie

我有一个iframe到第3方网页的网站,该网页本身嵌入到iOS应用程序的WkWebView中。MobileSafari和WkWebView拒绝为我的网站发送的session(仅限http)cookie,基本上破坏了一切。移动版Safari中的解决方法是要么在设置中启用所有cookie(糟糕),要么指示用户直接访问我的网站(因此就Safari而言,它算作“我访问过的网站”);这些都不是特别可口。我没有发现WkWebView的解决方法。这个问题分为两部分:1)我正在考虑在我的网站中实现重定向服务,该服务将目标URL作为参数,并在页面加载时将用户重定向到该URL。然后,第3方站点可以链接到我

jQuery scrollTop 在 iOS 上的 iframe 中不起作用

iOS和iframe..太痛苦了。我有一个简单的返回顶部按钮,它应该为滚动设置动画(而不是仅仅跳转到页面顶部)。$(document).on('clicktouchstart','.backtotop',function(){$('html,body').animate({scrollTop:0},1500);});这适用于任何地方,除了iOS上的iframe。我还没有完全理解iOS是如何处理iframe的。jQuery的.scrollTop()函数也不起作用(无论如何都不能动画)。在iOS上的iframe中唯一有效的是:parent.self.scrollTo(0,0);显然这不是最

【JavaScript】动态监听iframe高度以及监听iframe内部链接跳转

目录背景实现方式实现思路实现代码扩展场景参考文档背景在日常开发中会遇到一种情况,就是页面需要嵌套iframe,由于iframe无法自适应里面样式高度,所以我们需要去监听iframe的动态高度实现方式MutationObserver实现思路定义观察器MutationObserver监听iframe的contenWindow的DOMContentLoaded事件(当初始的 HTML 文档被完全加载和解析完成)当iframe的contentWindow.document.readyState为interactive(代表文档已被解析,正在加载样式资源等等)开始监听 observer.observe(

微前端实现方案之iframe

微前端是最近几年火起来的概念,iframe是早期实现微前端的理想方案,而现在有了其它的方案,比如qianduan框架,single-spa,以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点,感兴趣的可以去实践一下。1、项目创建创建3个项目,一个基座项目project_base,2个子项目project_a和project_b项目。并在各个项目安装好依赖(本项目基于vue搭建)。projects目录.png2、项目基本结构在基座项目里创建一个路由文件如iframe.vue,我们在这个文件里完成project_a,project_b等子项目的访问。iframe.png3、项目路由

判断iframe链接页面 服务器状态

项目要求:通过按钮点击事件,使用iframe来显示不同的内容(跨域)。问题:iframe链接内容的服务器未开启的时候,页面显示404,用户体验太差。要求:服务器未开启的时候,显示页面需要友好。解决办法:通过计算iframe的加载内容的时间,做超时判断,如果5s内未加载完成,就认为此时iframe链接的服务器未开启;未开启的情况下,给iframe上层覆盖个div(内容自定义)。这样既可实现界面友好。风险:存在。但是目前我未找到更好的办法去解决这个问题代码如下:btnclick(elem){this.fullscreenLoading_all=true;//显示加载框this.ajaxError=

VUE中iframe结合window.postMessage实现跨域通信

什么是iframe?iframe元素会创建包含另外一个文档的内联框架(即行内框架)。什么是postMessage?window.postMessage()方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机(两个页面的模数Document.domain设置为相同的值)时,这两个脚本才能相互通信。window.postMessage()方法提供了一种受控机制来规避此限制,只要正确的使用,这种方法就很安全。使用场景:在一个项目的页面中嵌入另一个项目的页面,两个项目不遵循同源策略(跨域),

视频汇聚集中存储EasyCVR平台调用iframe地址视频无法播放,该如何解决?

安防监控视频汇聚平台EasyCVR基于云边端一体化架构,具有强大的数据接入、处理及分发能力,可提供视频监控直播、云端录像、视频云存储、视频集中存储、视频存储磁盘阵列、录像检索与回看、智能告警、平台级联、云台控制、语音对讲、AI算法中台智能分析无缝对接等功能。为了便于用户二次开发与集成,我们也提供了丰富的API接口供大家自由调用。有用户反馈,在调用iframe地址后嵌入用户自己的前端页面,视频无法播放并且要求登录。其实出现这个情况并不是bug,而是平台为了保护视频数据的安全调用,开启了接口鉴权导致的。若用户不需要,也可以关闭。1)首先,在平台的配置中心页面,将接口鉴权关闭,如下:2)接着,在服务