Bloc Hero - Autoplay
Ce bloc joue automatiquement quand il devient visible
Media Blocks Interactifs
Système complet de blocs vidéo : hover, autoplay, fullscreen et contrôle CMS
Blocs Standard - Hover & Click
Sous-titres dynamiques
Hover pour voir la vidéo - Image fixe au repos
Génération d'animations
Tap sur mobile pour jouer
Export multi-formats
Clic pour plein écran
Fonctionnalités
🖱️ Blocs Standard
- • Image fixe au repos
- • Vidéo au hover (desktop)
- • Tap pour jouer (mobile)
- • Clic pour plein écran
🎬 Bloc Hero
- • Autoplay quand visible
- • IntersectionObserver
- • Loop automatique
- • Clic pour plein écran
🔊 Contrôle Son
- • Configurable via CMS
- • Champ "muted" en back-office
- • Pas de modification code
- • Toggle futur prévu
📱 Responsive
- • Adapté mobile/tablette
- • Fullscreen natif
- • Fallbacks navigateurs
- • Performance optimisée
📋 Intégration avec votre CMS
1. Structure des données : Créez un type de contenu "Media" dans votre CMS avec les champs : title, description, posterUrl, videoUrl, type, loop, muted.
2. Champ "muted" : Ajoutez un champ boolean "Muet" dans l'interface d'édition. Quand vous modifiez ce champ en back-office, le comportement change automatiquement en front.
3. Récupération : Fetch les données via votre API et mappez-les directement aux props du composant MediaBlock (voir code de cette page).
4. Aucune modif code : Tout est configurable via le CMS. Le code reste générique et réutilisable.