iframe调用无法全屏显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe调用无法全屏显示相关的知识,希望对你有一定的参考价值。

我有一个php页面用于手机端的,用iframe调用了另外一个页面,可是没办法全屏显示,代码如下
<link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_combo26590f.css"><?php
require_once "jssdk.php";
$jssdk = new JSSDK("wxa57b47be2138aa5d", "38df07fc434df81a219c229831685ca0");
$signPackage = $jssdk->GetSignPackage();
$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微商快速获得精准客户源的秘密,不看一定后悔</title>
</head>
<iframe width="322px" frameborder = "0" height="641px" src="http://eqxiu.com/s/mQFVy2fn"></iframe>
</body>

如果我把宽度高度改为100%,页面会全屏显示,但是文字跟背景还是照样不会变大,请大神指教我该如何改代码

参考技术A 这个没办法 那个网址里的内容设定的就那么大 打个比方就是 iframe是相框 你引用的那个网址是相片 如果相片尺寸就是一寸的 那相框再大 相片也是一寸的 如果你想做到全屏 只能去修改你引用的那个网址里面的内容追问

那就没办法了吗?

追答

http://eqxiu.com/s/mQFVy2fn 这个你能修改么?如果不能 你只能把这个网页扒下来 然后做成你自己的文件 然后再引用

参考技术B 你设置被嵌入的iframe页的样式文件即可。比如你想100%显示,那你就将被嵌入页的页面宽度设置成100%呀。 参考技术C 你用js去设置一下宽度和高度

iframe自动全屏使状态栏消失

【中文标题】iframe自动全屏使状态栏消失【英文标题】:Iframe auto fullscreen makes status bar disappear 【发布时间】:2017-03-09 17:04:13 【问题描述】:

我通过将 iFrame 加载到 UIWebView 中来显示 youtube 视频(和其他类型的视频,如dailymotion)。

这是 iFrame 字符串:

let iFrameHtmlString = String(format:"<iframe class=\"youtube-player\" type=\"text/html\" width=\"100%%\" height=\"300\" src=\"https://www.youtube.com/embed/%@?autoplay=1\" frameborder=\"0\"></iframe>", youtubeId)

我将它加载到 UIWebView 中:

webView.loadHTMLString("<body>" + iFrameHtmlString + "</body>", baseURL: nil)
当我点击视频时,视频会全屏启动。 然后我以横向模式旋转设备 然后我以纵向模式旋转设备 然后我离开全屏模式

=> 我的状态栏已经消失,直到我终止应用并重新启动它才会出现。

知道如何解决这个问题吗?

【问题讨论】:

您是否有更多代码显示约束或框架,或者如果您使用相同的 UIWebView 显示普通网页,可能会有什么? 我不确定 iFrame 与 UIWebView 的工作方式,但没有更多代码可看。 UIView 本身工作正常,我可以毫无问题地旋转屏幕并返回。当您单击 UIWebView 上的框架时,它会在全屏中启动看起来像 ViewController 的东西。我想问题来自那里,但我无法控制。 【参考方案1】:

最后我解决了它,将 UIViewControllerBasedStatusBarAppearance 设置为 YES(之前是 NO),因此状态栏外观不受 iFrame 显示的全屏视图控制器的影响。

【讨论】:

但这会导致状态栏一直是黑色的......我不能让白色 如果您使用带有导航栏的 UINavigationController,请使用 navigationBar.barTintColor = UIColor.white,并且可能使用 navigationBar.isTranslucent = false。如果没有,问题可能出在其他地方。

以上是关于iframe调用无法全屏显示的主要内容,如果未能解决你的问题,请参考以下文章

iframe 如何全屏显示?

如何让iframe中页面全屏显示

iframe Vimeo 全屏按钮未显示

全屏 iframe

iframe,已实现自适应高度,浏览器若没有全屏,则高度变小,内容只显示部分,无滚动条,怎么解决?

YouTube iframe 嵌入 - 全屏