Aller au contenu principal

Fournisseurs de Vidéos

Qu'est-ce que les Fournisseurs de Vidéos ?​

Les fournisseurs de vidéos sont les plateformes ou sources d'où proviennent vos vidéos de produits. Le module Product Video prend en charge plusieurs fournisseurs, facilitant l'ajout de vidéos provenant de différentes sources à vos produits.

Important

Le module est livré avec deux fournisseurs préconfigurés : YouTube et Vimeo. Les autres fournisseurs doivent être configurés d'abord dans les paramètres du module avant de pouvoir les utiliser.

Fournisseurs Pris en Charge​

YouTube​

🎥 Fournisseur par Défaut

La plus grande plateforme vidéo au monde - parfaite pour les démos de produits, tutoriels et avis.

Pourquoi utiliser YouTube ?

  • ✅ Hébergement illimité gratuit
  • ✅ Ajustement automatique de la qualité
  • ✅ Chargement rapide dans le monde entier
  • ✅ Contrôles du lecteur intégrés
  • ✅ Lecture optimisée pour mobile

Formats d'URL pris en charge : Vidéos Régulières et Shorts

https://www.youtube.com/watch?v=VIDEO_ID
https://youtu.be/VIDEO_ID
https://youtube.com/shorts/VIDEO_ID
...
Option de Confidentialité

Le module a l'option d'utiliser le mode de confidentialité amélioré de YouTube (youtube-nocookie.com)

Vimeo​

🎬 Fournisseur par Défaut

Plateforme professionnelle d'hébergement vidéo sans publicité, idéale pour des présentations de produits de haute qualité.

Pourquoi utiliser Vimeo ?

  • ✅ Lecture propre sans publicité
  • ✅ Apparence professionnelle
  • ✅ Streaming de haute qualité
  • ✅ Couleurs du lecteur personnalisables
  • ✅ Contrôles de confidentialité

Formats d'URL pris en charge :

https://vimeo.com/VIDEO_ID
https://player.vimeo.com/video/VIDEO_ID

HTML5 (Auto-hébergé)​

💾 Contrôle total

Hébergez vos propres fichiers vidéo directement sur votre serveur pour un contrôle complet.

Pourquoi utiliser HTML5 ?

  • ✅ Contrôle total sur votre contenu
  • ✅ Aucune dépendance tierce
  • ✅ Pas de marque ni de publicités
  • ✅ Fonctionne hors ligne/intranet
  • ✅ Style de lecteur personnalisé

Exigences :

  • Format recommandé : MP4 (codec H.264)
  • Taille maximale du fichier : Dépend de votre serveur (généralement 50-100 Mo)
  • Autres formats pris en charge : WebM, OGG
Ressources du Serveur

Les vidéos auto-hébergées utilisent la bande passante de votre serveur. Pour les boutiques à fort trafic, envisagez YouTube ou Vimeo.

Technique : Paramètres vidéo optimaux

Pour de meilleures performances et compatibilité :

Format : MP4
Codec : H.264
Résolution : (dépend de la finalité, si le plein écran est pris en charge)
Rapport d'aspect : Le même que les images du produit, si l'emplacement d'image va être utilisé
Débit : 5-8 Mbps
Fréquence d'images : 30 fps
Audio : AAC, 128 kbps

iFrame Personnalisé​

🔧 Solution universelle

Intégrez du contenu de n'importe quelle plateforme en utilisant le code iframe - pas seulement des vidéos !

Que pouvez-vous intégrer ?

  • 📹 Vidéos de n'importe quelle plateforme (Dailymotion, Wistia, Facebook, etc.)
  • 🗺️ Cartes interactives
  • 🎨 Visualiseurs de modèles 3D
  • 📊 Présentations interactives
  • 🎮 Configurateurs de produits
  • ...tout ce qui fournit un code d'intégration iframe !

Pourquoi utiliser des Fournisseurs Personnalisés ?

  • ✅ Fonctionne avec N'IMPORTE QUELLE plateforme
  • ✅ Prise en charge de contenu spécialisé
  • ✅ Flexibilité maximale
  • ✅ Facile d'ajouter de nouvelles plateformes
Au-delà des Vidéos

Les fournisseurs personnalisés ne se limitent pas aux vidéos - utilisez-les pour des modèles 3D interactifs, des cartes ou tout contenu intégrable !

Avis de Sécurité

Pour des raisons de sécurité, seules les URL des fournisseurs configurés seront acceptées. Si vous collez une URL d'une plateforme non configurée, vous devrez d'abord ajouter ce fournisseur.

Comment Ajouter/Activer des Fournisseurs​

Utilisation des Fournisseurs par Défaut (YouTube/Vimeo)​

YouTube et Vimeo sont préconfigurés et ne peuvent pas être supprimés. Les scripts liés à l'utilisation de ces fournisseurs ne seront chargés que si le produit a une vidéo provenant d'eux, sinon aucun script ne sera chargé.

Remarque

Les fournisseurs par défaut ne peuvent pas être désactivés ni supprimés pour éviter un dysfonctionnement du module.

Ajout de Fournisseurs Personnalisés​

Pour d'autres plateformes (Dailymotion, Wistia, Facebook, etc.), vous devez d'abord les ajouter :

Pour les plateformes avec des URL de vidéos (comme Dailymotion) :

  1. Allez à Modules → Product Video → Configurer
  2. Cliquez sur l'onglet Fournisseurs
  3. Cliquez sur Ajouter un Nouveau Fournisseur
  4. Remplissez le formulaire :
    • Nom : Nom du fournisseur (par ex., "Dailymotion")
    • Type : Sélectionnez "Modèle d'URL"
    • Domaine de l'URL : Entrez le domaine de l'URL (par ex., dailymotion.com)
  5. Cliquez sur Enregistrer

Exemple de Modèle d'URL :

Domaine : dailymotion.com
Le chemin contient : /video/

Ajout de Vidéos aux Produits​

Processus Étape par Étape​

Utilisation des fournisseurs configurés :

  1. Naviguez vers Catalogue → Produits
  2. Modifiez votre produit
  3. Allez à l'onglet Vidéos
  4. Cliquez sur Ajouter Vidéo
  5. Collez l'URL de votre vidéo
  6. Vérifiez le statut de l'URL :
    • ✅ Vert : Fournisseur reconnu, prêt à enregistrer
    • ❌ Rouge : Fournisseur non configuré
URL Rejetée ?

Si l'URL devient rouge, cela signifie que ce fournisseur n'a pas encore été ajouté. Vous devez :

  1. Ajouter le fournisseur d'abord dans la configuration du module
  2. Revenir et réessayer

Bientôt disponible : Lien direct pour ajouter des fournisseurs depuis cet écran !

  1. Configurez les options d'affichage (facultatif)
  2. Cliquez sur Enregistrer

Sécurité du Fournisseur​

Pourquoi la Validation d'URL ?​

Le module valide toutes les URL de vidéo pour des raisons de sécurité :

Avantages :

  • 🔒 Empêche l'injection de contenu malveillant
  • ✅ Garantit que seules les plateformes configurées sont utilisées
  • 🛡️ Protège votre boutique des attaques XSS
  • 📋 Maintient le contrôle sur les sources de contenu

Comment ça fonctionne :

Bientôt Disponible

Dans les futures mises à jour, vous pourrez ajouter des fournisseurs directement depuis l'écran "Ajouter Vidéo" sans quitter la page !

Choisir le Bon Fournisseur​

Guide de Décision Rapide​

Utilisez YouTube quand :

  • Votre vidéo est déjà sur YouTube
  • Vous voulez un hébergement gratuit et rapide
  • Vous avez besoin de disponibilité mondiale
  • Vous êtes d'accord avec la marque YouTube

Utilisez Vimeo quand :

  • Vous voulez une expérience sans publicité
  • Vous avez besoin d'une apparence professionnelle
  • Vous voulez des contrôles de confidentialité avancés
  • Vous avez un compte Vimeo

Utilisez HTML5 quand :

  • Vous avez besoin d'un contrôle complet
  • Vous avez peu de vidéos (bande passante du serveur)
  • Vous ne voulez pas de marque tierce
  • Vous êtes dans un environnement intranet/hors ligne

Utilisez un Fournisseur Personnalisé quand :

  • Votre vidéo est sur une autre plateforme
  • Vous avez besoin de contenu interactif (cartes, 3D)
  • Les fournisseurs standards ne prennent pas en charge votre plateforme
  • Vous avez des exigences d'intégration spécialisées

Paramètres des Fournisseurs​

Configuration des Fournisseurs Activés​

Chaque fournisseur a des paramètres spécifiques que vous pouvez personnaliser :

Options Disponibles :

  • ✓ Activer/Désactiver le fournisseur
  • Lecture automatique (activé/désactivé)
  • Afficher/masquer les contrôles
  • Vidéo en boucle
  • Mode de confidentialité (youtube-nocookie.com)
  • Marque modeste

Accès : Modules → Product Video → Configurer → Fournisseurs → YouTube

Questions Fréquentes​

Pourquoi ne puis-je pas coller n'importe quelle URL que je veux ?

Pour des raisons de sécurité, le module n'accepte que les URL des fournisseurs configurés. Cela empêche :

  • L'injection de contenu malveillant
  • L'intégration d'iframe non autorisée
  • Les attaques XSS sur votre boutique
  • Les sources de contenu inconnues/non fiables

Solution : Ajoutez d'abord le fournisseur dans la configuration du module, puis utilisez l'URL.

Mon URL est devenue rouge - que dois-je faire ?

Une URL rouge signifie que le fournisseur n'est pas encore configuré. Suivez ces étapes :

  1. Notez de quelle plateforme provient votre vidéo (par ex., Dailymotion)
  2. Allez à Modules → Product Video → Configurer → Fournisseurs
  3. Ajoutez ce fournisseur (voir Ajout de Fournisseurs Personnalisés)
  4. Retournez à votre produit
  5. Collez à nouveau l'URL - elle devrait maintenant devenir verte !
Puis-je utiliser plusieurs fournisseurs sur le même produit ?

Oui ! Vous pouvez mélanger différents fournisseurs sur un seul produit :

  • Vidéo de démo YouTube
  • Témoignage Vimeo
  • Gros plan du produit HTML5
  • Visualiseur 3D iframe personnalisé

Tant que chaque fournisseur est configuré, ils fonctionnent tous ensemble.

Dois-je ajouter YouTube et Vimeo ?

Non ! YouTube et Vimeo sont préconfigurés. Vous devez juste les activer dans les paramètres des Fournisseurs. Pas besoin d'ajouter des modèles ou des configurations.

Puis-je désactiver temporairement un fournisseur ?

Oui ! Allez aux paramètres des Fournisseurs et cliquez sur Désactiver sur n'importe quel fournisseur. Les vidéos de ce fournisseur cesseront de s'afficher (mais ne seront pas supprimées).

Réactivez à tout moment pour restaurer la fonctionnalité.

Qu'arrive-t-il aux vidéos si je supprime un fournisseur ?

Les vidéos restent dans votre base de données mais ne s'afficheront pas sur le front-end. Si vous rajoutez le fournisseur, elles fonctionneront automatiquement à nouveau.

attention

Soyez prudent lors de la suppression de fournisseurs - assurez-vous qu'aucun produit n'utilise de vidéos de cette source !

Dépannage​

Problèmes Courants​

L'URL devient rouge immédiatement après collage

Cause : Le fournisseur pour cette URL n'est pas encore configuré.

Solution :

  1. Identifiez la plateforme vidéo (YouTube, Vimeo, Dailymotion, etc.)
  2. Vérifiez si ce fournisseur est activé dans Modules → Product Video → Fournisseurs
  3. S'il n'est pas listé, ajoutez le fournisseur
  4. Essayez de coller l'URL à nouveau
Fournisseur activé mais URL toujours rejetée

Vérifiez ces points :

✓ Le format d'URL est correct - Copiez directement depuis la page vidéo ✓ Le fournisseur est réellement activé - Vérifiez que le bouton est sur ON ✓ L'URL correspond au modèle - Pour les fournisseurs personnalisés, vérifiez que votre modèle est correct ✓ Vider le cache - Cache PrestaShop et cache du navigateur

Toujours pas de résultat ? Le modèle d'URL pour votre fournisseur personnalisé pourrait être incorrect. Vérifiez le domaine et le modèle de chemin.

Code iframe rejeté (rouge)

Cause : Le domaine dans l'iframe n'est pas dans la liste des domaines autorisés.

Solution :

  1. Copiez le domaine de votre iframe src (par ex., player.example.com)
  2. Allez à Fournisseurs → Votre Fournisseur Personnalisé
  3. Ajoutez ce domaine aux Domaines Autorisés
  4. Enregistrez et réessayez

Exemple :

<iframe src="https://player.example.com/video/123">

Ajoutez player.example.com aux domaines autorisés.

Meilleures Pratiques​

Recommandations
  1. N'activez que les fournisseurs nécessaires - Gardez votre liste propre et gérable
  2. Utilisez d'abord les fournisseurs par défaut - YouTube/Vimeo sont testés et optimisés
  3. Documentez les fournisseurs personnalisés - Notez pourquoi vous avez ajouté chaque fournisseur personnalisé
  4. Révisez les domaines autorisés - Vérifiez périodiquement les paramètres de sécurité iframe
  5. Testez après ajout - Testez toujours un fournisseur avec une vraie URL de vidéo

Conseils de Sécurité :

  • N'ajoutez que des fournisseurs de plateformes fiables
  • Gardez la liste des domaines autorisés minimale
  • Révisez régulièrement les sources iframe personnalisées
  • Désactivez les fournisseurs inutilisés au lieu de les supprimer

Prochaines Étapes​

📍 Emplacements Vidéo

Découvrez où les vidéos peuvent être affichées sur vos pages produits

Voir le Guide

⚙️ Configuration

Configurez les paramètres du module et personnalisez le comportement

Voir le Guide
Besoin d'Aide ?

Si vous avez des questions sur l'ajout de fournisseurs ou rencontrez des problèmes, consultez notre page de Support ou contactez-nous.