Escolha uma hospedagem que permita incorporar
Procure instruções da hospedagem ou do criador com URL ou widget específico para incorporação. O itch.io, por exemplo, documenta um fluxo de embed HTML5 para projetos enviados em formato compatível. A hospedagem continua servindo o jogo; sua página exibe o player dela. Não presuma que qualquer URL de jogo possa entrar em um iframe nem que baixar a página conceda direitos de redistribuição.
Pergunte o que a hospedagem espera que você configure: domínios permitidos, dimensões responsivas, tela cheia, atribuição e uso de scripts ou cookies externos. Se a permissão não estiver clara, fale com o criador ou use um link. Mantenha um título visível e um link direto para que pessoas que usam teclado ou tecnologias assistivas encontrem o jogo.
Adicione um quadro responsivo e teste
Use o trecho oficial de incorporação como ponto de partida. Dê ao iframe um título descritivo, defina uma proporção adequada e limite sua largura à área de conteúdo. Por exemplo, coloque um quadro de jogo 16:9 em um contêiner que se ajuste à página em vez de fixar largura de 1.280 pixels. Não conceda permissões amplas de câmera ou microfone sem necessidade real do jogo.
Teste a página em celular e computador, com navegação pelo teclado e console do navegador aberto. Um quadro vazio pode resultar da regra frame-ancestors da Content Security Policy da hospedagem ou de restrições do navegador; alterar sua própria página não supera a recusa da hospedagem. Confira o status da hospedagem e ofereça o link normal de abertura se a incorporação falhar.
Mantenha a página utilizável ao redor do jogo
Avise antes de começar se o jogo precisa de som, teclado ou controle. Sempre que possível, mantenha instruções e uma saída fora do quadro, pois o documento incorporado talvez não exponha os controles internos à sua página.
Perguntas sobre incorporar um jogo ao seu site
Posso colocar qualquer URL de jogo em um iframe?
Não. A hospedagem pode bloquear a incorporação, e a licença do criador pode não permiti-la. Use a opção oficial ou peça permissão; o link é a alternativa segura.
Minha página pode controlar um jogo incorporado?
Geralmente não acessando o iframe diretamente. As regras de mesma origem do navegador limitam o acesso entre sites; a interação requer uma API de mensagens documentada e oferecida pelos dois lados.
Leitura complementar
Viu alguma informação desatualizada? Informar uma correção