🎥 Carrousel Images + Vidéos
Exemple d'intégration pour Prestige Shop Express
Exemple: iPhone avec vidéo de démonstration
Code à ajouter:
{
id: 5,
name: "iPhone 12",
price: 143000,
category: "electronique",
images: [
"imageprestige/I12D.jpg",
"videos/iphone12-demo.mp4", ← Vidéo!
"imageprestige/I12F.jpg"
]
}
id: 5,
name: "iPhone 12",
price: 143000,
category: "electronique",
images: [
"imageprestige/I12D.jpg",
"videos/iphone12-demo.mp4", ← Vidéo!
"imageprestige/I12F.jpg"
]
}
Fonctionnalités:
- ✅ Lecture au survol - Passez la souris
- ✅ Pause automatique - Sortez la souris
- ✅ Navigation fluide - Boutons & swipe
- ✅ Indicateur vidéo - Icône play visible
- ✅ Mobile-friendly - Compatible tactile
📁
1. Préparez vos vidéos
- • Format: .mp4 recommandé
- • Durée: 5-15 secondes
- • Taille: < 5 Mo
- • Résolution: 720p ou 1080p
📤
2. Uploadez les fichiers
- • Créez un dossier videos/
- • Ou utilisez imageprestige/
- • Nommez clairement vos fichiers
- • Ex:
iphone12-demo.mp4
⚙️
3. Ajoutez au produit
- • Ouvrez index.html
- • Trouvez votre produit
- • Ajoutez le chemin vidéo
- • Sauvegardez et testez!
Formats vidéo supportés
.MP4
Recommandé ⭐
.WEBM
Moderne
.OGG
Compatible
.MOV
Apple