Vidéo plein écran native

1Vidéo plein écran intégrée#

Votre application générée prend déjà en charge la lecture vidéo plein écran native. Lorsqu'un utilisateur appuie sur le bouton plein écran d'un élément HTML5 <video>, l'application :

• Passe en véritable plein écran immersif
• Passe automatiquement en paysage
• Masque toutes les barres de navigation
• Rétablit l'orientation portrait lorsque l'utilisateur quitte le plein écran

Aucune configuration n'est nécessaire - cela fonctionne automatiquement ! Le verrouillage d'orientation est géré par l'application, donc même les applications configurées en portrait uniquement passeront correctement en paysage pendant la lecture vidéo.

2Sources vidéo prises en charge#

Les types de vidéo suivants fonctionnent avec le plein écran :

✅ Éléments HTML5 <video>
✅ Intégrations YouTube (iframe)
✅ Intégrations Vimeo
✅ Vidéos MP4/WebM auto-hébergées
✅ Flux HLS (.m3u8)

⚠️ Certains contenus protégés par DRM peuvent ne pas passer en plein écran natif

3Bonnes pratiques vidéo pour votre site web#

Pour la meilleure expérience vidéo dans votre application générée :

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

4Combiner avec le PiP#

Pour la meilleure expérience vidéo, activez à la fois la vidéo plein écran (intégrée) et le mode PiP :

1. L'utilisateur regarde la vidéo en ligne
2. Appuie sur plein écran → passe en paysage immersif
3. Appuie sur Retour → revient à l'affichage normal
4. Appuie sur Accueil → passe en fenêtre flottante PiP

Cela offre à vos utilisateurs une expérience digne de YouTube dans votre application web !