Intégrer une vidéo ou un clip youtube

Affichez un clip vidéo sur une page de produit, une page de groupe de produits ou une page personnalisée.

J'ai un clip vidéo, puis-je le télécharger vers les archives de fichiers ?

Oui, vous pouvez télécharger la vidéo vers les archives de fichiers mais vous devriez toujours utiliser un service de streaming tel que YouTube, Vimeo ou similaire pour vos vidéos. Si vous avez filmé quelque chose, par exemple avec votre téléphone portable, et que vous téléchargez le fichier vidéo directement sur le site, les visiteurs devront télécharger l'intégralité du fichier vidéo avant de pouvoir regarder le clip. Cela peut rendre l'ensemble de la boutique très lente à charger. Par conséquent, vous devriez toujours télécharger le clip vidéo sur YouTube, par exemple, puis "intégrer" le clip de là sur votre site.

Important à retenir

Les thèmes d'Abicart sont réactifs, ce qui signifie que le design s'adapte à la taille des écrans des visiteurs. Habituellement, lorsque vous copiez un code d'intégration à partir d'un service de streaming, il y a une largeur et une hauteur fixes dans le code, ce qui signifie que le clip vidéo ne sera pas réactif. Nous verrons plus bas sur cette page comment rendre le clip responsive.

Intégrer un lien depuis YouTube

Une fois que vous avez téléchargé une vidéo sur YouTube, cliquez sur "Partager" en dessous de la vidéo:

Puis cliquez sur "Intégrer" et copiez le code:

Vous collez le lien dans la description de l'article où la vidéo apparaîtra.

Voir Produits -&gt ; sélectionnez le produit, modifiez collez le code dans la "Description". Enregistrez. 

Rendre une vidéo responsive

Une vidéo ajoutée au thème ne s'adapte pas automatiquement à la taille de l'écran du visiteur. 

Solution:

Embed Responsively est une page qui rend votre vidéo responsive.

Allez sur https://embedresponsively.com/ et collez le lien de YouTube ou Vimeo et cliquez sur "Embed":




Le code qui apparaît alors se compose d'une partie CSS et d'une partie HTML que vous devez coller à deux endroits différents.

Le code qui se trouve à l'intérieur de <style&gt ; et se termine par </style&gt ; est un code CSS et est collé dans le Style -&gt ; Custom CSS de votre thème actif.

Puis copiez le code HTML (commençant par





Allez dans Produits -&gt ; sélectionnez le produit, modifiez -&gt ; collez le code "Description".