Morph Video Lightbox crée une transition fluide entre le poster et la vidéo, donnant l'impression que le média s'ouvre directement dans la page plutôt que de faire apparaître une modale classique. Compatible avec les vidéos importées, les URLs directes, YouTube et Vimeo, le composant offre également un contrôle complet sur son apparence et ses animations.

Features

Source

• Vidéo importée, URL directe, YouTube ou Vimeo

• Récupération automatique de la miniature YouTube ou Vimeo si aucun poster n'est défini

Poster

• Radius, ombre, zoom et overlay au survol personnalisables

• Format du poster indépendant de celui de la lightbox

• Option pour utiliser une vidéo en aperçu avec lecture silencieuse en boucle

Lightbox

• Ratio et largeur entièrement personnalisables

• Radius et ombre ajustables

• Couleur, blur et padding de l'overlay configurables

Animation

• Transition fluide personnalisable

• Les animations d'ouverture et de fermeture peuvent être interrompues

Contrôles

• Boutons Lecture/Pause et Fermer personnalisables

• Barre de progression, durée, mute et plein écran configurables

• Options Autoplay, Loop, Muted et fermeture automatique à la fin

Accessibilité

• Navigation complète au clavier avec Tab, Espace et Échap

• Prise en compte du réglage système « Réduire les animations »

Installation

1. Glissez Morph Video Lightbox sur votre canvas Framer

2. Importez une vidéo ou choisissez une source URL, YouTube ou Vimeo

3. Personnalisez le poster, la lightbox et les animations

4. Publiez