Eu tinha um mini clássico jogo Brick Breaking Game clone em Javascript nos velhos tempos.
Não é exibido em tela cheia. Justo. Mas então eu queria fazer com que parecesse tela inteira quando fosse enquadrado em outra página da web.
Abaixo está o script de que eu precisava:
window.onload = function() {
if (window.top != window.self) {
var container = document.getElementById("container");
container.classList.add("fullscreen");
}
}
E o css:
#container.fullscreen {
width: 100%;
height: 100%;
}
Quando você aplica iframe em outro projeto da web como abaixo, ele é exibido em tela cheia.
<iframe src="http://brick-breaking-game.herokuapp.com"></iframe>
Infelizmente, o efeito de pairar torna o controle do jogo impossível …