Comment ajouter des vidéos d'arrière-plan ?

Dans Be Yours, vous pouvez combiner la puissance de la vidéo avec le design accrocheur d'une bannière de héros. Dans ce tutoriel, nous allons apprendre à créer une bannière avec un arrière-plan vidéo en utilisant la section Video hero

La section Video Hero prend en charge la vidéo YouTube , la vidéo Vimeo ou votre propre vidéo MP4 . Tout ce que vous avez à faire est de copier l'URL de la vidéo, puis de la coller dans la section Héros de la vidéo.

Sur cette page

Obtenir l'URL de la vidéo YouTube

Pour copier l'URL d'une vidéo YouTube :

  • Sur votre bureau, faites un clic droit sur la vidéo et sélectionnez l'option Copier l'URL de la vidéo
  • D'autre part, vous pouvez également sélectionner l'URL dans la barre d'adresse en haut du navigateur et appuyer sur les touches Ctrl + C ou faire un clic droit et sélectionner Copier pour copier le lien.

Obtenir l'URL de la vidéo Vimeo

Pour copier l'URL d'une vidéo Vimeo :

  1. Sur votre bureau, passez la souris sur la vidéo et cliquez sur le bouton Partager
  2. Une fenêtre contextuelle de partage devrait apparaître. Cliquez sur la zone de texte Lien pour sélectionner, puis cliquez avec le bouton droit et sélectionnez Copier pour copier le lien

Obtenir l'URL de la vidéo MP4

Pour copier l'URL de votre propre vidéo MP4 , vous devez d'abord les télécharger, puis obtenir le lien. (Si vous avez hébergé votre vidéo ailleurs, copiez simplement l'URL directe et ignorez-la). Voici les étapes :

  1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Fichiers .
  2. Cliquez sur Télécharger des fichiers , puis sélectionnez votre propre MP4 pour le télécharger.
  3. Vous devrez peut-être attendre quelques secondes pour que le téléchargement soit terminé. Cliquez ensuite sur le bouton Copier le lien pour copier l'URL de la vidéo.

Ajouter la section Héros vidéo

  1. Dans le panneau de personnalisation de votre thème, cliquez sur Ajouter une section , puis recherchez la section Héros vidéo (ou recherchez « Vidéo »), puis cliquez pour l'ajouter.
  2. Dans votre section Héros vidéo, collez le lien que vous venez de copier dans la zone URL de la vidéo .
  3. L’arrière-plan de votre vidéo devrait maintenant être affiché.
  4. Pour plus de détails sur la section Video Hero et ses paramètres ou blocs, vous souhaiterez peut-être consulter la documentation ici .