FR

Comment intégrer une vidéo YouTube dans Wix

Comment ajouter une vidéo YouTube à un site Wix avec le widget Vidéo intégré, ou avec un élément Embed HTML pour un contrôle total.

Wix propose deux méthodes pour ajouter une vidéo YouTube : un widget Vidéo dédié pour les cas simples, et un élément d’intégration HTML lorsque vous avez besoin de plus de contrôle.

Méthode 1 : l’élément Vidéo intégré

Dans l’éditeur Wix, ouvrez le panneau Ajouter des éléments, choisissez Vidéo, puis sélectionnez « YouTube / Vimeo ». Collez l’URL de visionnage normale de votre vidéo lorsque cela vous est demandé : Wix la convertit automatiquement en intégration fonctionnelle. Cette méthode couvre la plupart des besoins courants, sans aucun code.

Méthode 2 : intégration HTML, pour un contrôle total

Si vous avez besoin d’options que le widget intégré ne propose pas, comme le domaine axé sur la confidentialité, un horodatage de départ précis ou des contrôles masqués, utilisez plutôt l’élément Wix « Intégrer un widget » ou « Custom Embed » :

  1. Ajoutez un élément « Intégrer un widget » ou « HTML iframe » depuis la section Code d’intégration du panneau Ajouter.
  2. Générez votre code avec le générateur de code d’intégration.
  3. Collez le code dans les paramètres HTML de l’élément.
  4. Redimensionnez l’élément sur le canevas, ou appuyez-vous sur le conteneur adaptatif si vous en avez généré un.

Une remarque sur le redimensionnement propre à Wix

Les éléments Wix disposent souvent de leur propre boîte de taille fixe sur le canevas, ce qui peut entrer en conflit avec un conteneur adaptatif basé sur des pourcentages, de façon inattendue. Si la vidéo paraît rognée ou mal dimensionnée, essayez plutôt une intégration à taille fixe correspondant aux dimensions de la boîte de l’élément, ou ajustez les paramètres de taille de l’élément pour respecter un ratio 16:9 (ou 9:16 pour les Shorts).

Affichage mobile

Pensez à vérifier la vue éditeur mobile distincte de Wix après avoir ajouté une intégration : les sites Wix utilisent souvent des tailles d’élément différentes sur mobile, et une intégration qui semble correcte sur ordinateur peut nécessiter son propre ajustement à cet endroit.