Plein écran et Picture-in-Picture
Basculement plein écran et fenêtre PiP flottante.
Aperçu
Props & options interactives
| Prop | Type | Défaut | Description | Essayer |
|---|---|---|---|---|
| enable_fullscreen | url param | 1 | Afficher le bouton plein écran. | |
| enable_pip | url param | 1 | Activer le Picture-in-Picture. |
Essayez dans le player
Plein écran
Cliquez sur le bouton plein écran dans la barre de contrôle ou appuyez sur F. Appuyez sur Esc pour quitter.
Picture-in-Picture
Cliquez sur le bouton PiP pour détacher la vidéo dans une fenêtre flottante qui vous suit entre les onglets.
Documentation
Le bouton plein écran agrandit le player pour occuper tout l'écran. Le Picture-in-Picture (PiP) détache la vidéo dans une petite fenêtre flottante qui reste au premier plan pendant que le spectateur navigue dans d'autres onglets ou applications. Les deux fonctions sont accessibles via les boutons de la barre de contrôle ou les raccourcis clavier (F pour le plein écran, Esc pour quitter). Utilisez les options ci-dessus pour afficher ou masquer chaque bouton dans la barre de contrôle. Lorsqu'ils sont désactivés, le bouton correspondant disparaît du player.
Code
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe
src="https://app.videas.com/embed/019dcf5b-0c22-731c-8e3c-d24264812bd5/?show_chapters=0&enable_fullscreen=1&enable_pip=1"
width="100%" height="100%"
frameborder="0" allowfullscreen
allow="autoplay; fullscreen; picture-in-picture"
style="position:absolute;top:0;left:0"
></iframe>
</div>Questions fréquentes
Le mode Picture-in-Picture continue-t-il à lire quand je change d'onglet ?
Oui. La fenêtre PiP flottante est une fonctionnalité au niveau du navigateur : une fois active, elle reste au-dessus de tous les onglets et même en dehors du navigateur, donc les visiteurs peuvent continuer à regarder tout en travaillant dans une autre application. Fermer la fenêtre ramène la vidéo dans le player intégré.
Pourquoi le PiP ne fonctionne-t-il pas sur iPhone ?
iOS Safari ne prend en charge le PiP que depuis sa couche vidéo native, que les players personnalisés ne peuvent pas invoquer de manière fiable. Le plein écran, lui, fonctionne partout. Le bouton PiP de la barre de contrôle est masqué automatiquement sur les plateformes où l'API n'est pas disponible.
Puis-je masquer le bouton plein écran sur un embed de type bannière ?
Oui. Définissez <code>enable_fullscreen=0</code> dans l'URL et le bouton disparaît de la barre de contrôle. Le raccourci clavier <kbd>F</kbd> est également désactivé, pour que l'embed reste vraiment à la taille déclarée.