Tela inteira sua web quando carregada em iframe

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>

iframe Brick Breaking Game

Infelizmente, o efeito de pairar torna o controle do jogo impossível …