Video nativo a schermo intero

1Video a schermo intero integrato#

La tua app generata supporta già la riproduzione video nativa a schermo intero. Quando un utente tocca il pulsante schermo intero su un elemento HTML5 <video>, l'app:

• Entra in un vero schermo intero immersivo
• Ruota automaticamente in orizzontale
• Nasconde tutte le barre di navigazione
• Ripristina l'orientamento verticale quando l'utente esce dallo schermo intero

Non serve alcuna configurazione: funziona in automatico! Il blocco dell'orientamento è gestito dall'app, quindi anche le app configurate solo in verticale passeranno correttamente in orizzontale durante la riproduzione video.

2Fonti video supportate#

I seguenti tipi di video funzionano a schermo intero:

✅ Elementi HTML5 <video>
✅ Incorporamenti YouTube (iframe)
✅ Incorporamenti Vimeo
✅ Video MP4/WebM ospitati da te
✅ Stream HLS (.m3u8)

⚠️ Alcuni contenuti protetti da DRM potrebbero non entrare nello schermo intero nativo

3Buone pratiche per i video del sito web#

Per la migliore esperienza video nella tua app generata:

<!-- 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 -->

4Abbinalo al PiP#

Per la migliore esperienza video, abilita sia il video a schermo intero (integrato) sia la modalità PiP:

1. L'utente guarda il video nella pagina
2. Tocca lo schermo intero → entra in modalità orizzontale immersiva
3. Tocca indietro → torna alla vista normale
4. Preme home → entra nella finestra mobile PiP

Questo dà ai tuoi utenti un'esperienza simile a YouTube nella tua app web!