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%,页面会全屏显示,但是文字跟背景还是照样不会变大,请大神指教我该如何改代码
那就没办法了吗?
追答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调用无法全屏显示的主要内容,如果未能解决你的问题,请参考以下文章