如何讓嵌入式網站的全屏幕佔用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？

回答

相關問題