如何让嵌入式网站的全屏幕占用iframe？

如何使嵌入式网站的“全屏”在其自己的iFrame内而不是“文字”全屏内打开全屏？如何让嵌入式网站的全屏幕占用iframe？

<body> 
<iframe><!--youtube in fullscreen here--></iframe> 

<!--still displaying normal website(with fullscreen iframe)--> 

<body>

询问是否需要澄清。（这是很难描述）:)

来源

2016-08-08 Alex I

您可以使用position:fixed如下图所示的代码。

*{ 
 
    margin:0; 
 
    padding:0; 
 
} 
 
iframe{ 
 
    position: fixed; 
 
    height: 100%; 
 
    width: 100%; 
 
    border:none; 
 
}

<iframe src="http://stackoverflow.com"></iframe>

来源

2016-08-08 04:48:26

我需要有超过尽管如此，一个视频一次会立即执行我需要在他们各自的iframe @Maddy中全部拥有4个全屏视频 –

您可以使用下面的内嵌样式对你的iframe HTML标记。

基本上，你可以使用：

position:fixed到relativelly定位您的iframe来视口，这意味着它总是停留在即使滚动页面时一样的地方。

width:100%; height:100%设置您的iframe的大小作为您的视口（这使您可以创建全屏效果）。

<iframe src="http://your-iframe-here.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 
</iframe>

来源

2016-08-08 06:24:49 GibboK

你可以简单地使用嵌入的YouTube功能，因为我怎么看这篇文章，你只是想要的视频，而不是网站

Link for Tutorial

来源

2016-08-08 07:21:27 RPaul

如何让嵌入式网站的全屏幕占用iframe？

回答

相关问题