Vídeo nativo em tela cheia

1Vídeo em tela cheia integrado#

Seu app gerado já oferece reprodução de vídeo em tela cheia nativa. Quando um usuário toca no botão de tela cheia de um elemento HTML5 <video>, o app:

• Entra em tela cheia imersiva de verdade
• Gira automaticamente para paisagem
• Oculta todas as barras de navegação
• Restaura a orientação retrato quando o usuário sai da tela cheia

Nenhuma configuração é necessária - isso funciona automaticamente! O bloqueio de orientação é gerenciado pelo app, então até apps configurados só para retrato vão corretamente para paisagem durante a reprodução de vídeo.

2Fontes de vídeo compatíveis#

Os seguintes tipos de vídeo funcionam com tela cheia:

✅ Elementos HTML5 <video>
✅ Embeds do YouTube (iframe)
✅ Embeds do Vimeo
✅ Vídeos MP4/WebM hospedados por você
✅ Streams HLS (.m3u8)

⚠️ Alguns conteúdos protegidos por DRM podem não entrar em tela cheia nativa

3Boas práticas de vídeo para o site#

Para a melhor experiência de vídeo no seu app gerado:

<!-- Good: Standard HTML5 video -->
<video controls playsinline>
  <source src="video.mp4" type="video/mp4">
</video>

<!-- Good: YouTube embed -->
<iframe
  src="https://youtube.com/embed/VIDEO_ID"
  allowfullscreen>
</iframe>

<!-- Tip: Add 'playsinline' attribute
     for inline playback on iOS too -->

4Combine com PiP#

Para a melhor experiência de vídeo, ative o vídeo em tela cheia (integrado) e o modo PiP:

1. O usuário assiste ao vídeo na própria página
2. Toca em tela cheia → entra em paisagem imersiva
3. Toca em voltar → retorna à visualização normal
4. Pressiona o botão início → entra na janela flutuante PiP

Isso dá aos seus usuários uma experiência estilo YouTube no seu app web!