Arrière plan vidéo

L'utilisation d'arrière-plans vidéo dans la conception Web peut être extrêmement impactante, en particulier lorsqu'ils sont utilisés en conjonction avec la zone héros (la partie supérieure) d'un site Web.

Ajout d'arrière-plans vidéo

Dans Blocs il existe plusieurs façons d'ajouter un arrière-plan vidéo à un bloc, le moyen le plus simple consiste simplement à faire glisser un fichier vidéo dont le format et la taille de fichier sont corrects sur le canevas de Blocs et sur la Bloc auquel vous souhaitez l'appliquer, cela rendra l'arrière-plan du Bloc qui deviendra gris.

ajouter-vidéo-1

Lorsque vous relâchez le bouton À gauche de la souris, la vidéo sera appliquée au Bloc comme arrière-plan.

ajouter-vidéo-2

Vous pouvez également définir un arrière-plan vidéo en sélectionnant d'abord le Bloc où vous souhaitez ajouter l'arrière-plan vidéo, puis, à partir des options de l'inspecteur de la barre latérale, accédez à la section Contexte et cocher la case Vidéo.

liste déroulante vidéo

Cela appliquera l'espace réservé par défaut d'arrière-plan vidéo au Bloc et affichera également la vignette de la vidéo dans les options de la barre latérale. Pour modifier la vidéo, déplacez le curseur de la souris sur la vignette d'arrière-plan de la vidéo située dans la barre latérale. Cela affichera un symbole de remplacement sur la vignette, si vous faites un Click gauche sur la vignette de la vidéo, cela ouvrira le Gestionnaire d'actifs de Blocs.

remplacer-vidéo-arrière-plan

Dans le gestionnaire d'actifs, sélectionnez le fichier vidéo mp4 que vous souhaitez définir comme arrière plan.

Aperçu des arrière-plans vidéo

En mode conception, les vidéos ne sont pas lues pour des raisons évidentes. Si vous souhaitez prévisualiser la lecture de la vidéo, appuyez simplement sur le bouton de lecture situé dans la barre d'outils principale ou utilisez le raccourci clavier ⌘ + V pour accéder au mode de prévisualisation. Pour quitter le mode Aperçu, appuyez sur le bouton d'arrêt situé dans la barre d'outils principale ou utilisez le raccourci clavier ⌘ + V.

Format vidéo

Lors de l'ajout de vidéos en arrière-plan dans Blocs, le format et la taille de la vidéo sont vraiment importants. Les fichiers vidéo doivent être conformes à la norme Web, Format MP4 et un maximum de 20MBen taille de fichier. Nous vous recommandons vivement d'utiliser un encodage optimisé pour le Web lors de la création de vidéos à utiliser comme arrière-plans vidéo.

Arrière-plans vidéo gratuits

Coverr.coest un excellent site qui propose des centaines de belles vidéos gratuites que vous pouvez utiliser dans votre projet comme arrière-plans.

Arrière plan vidéo Youtube

Si vous souhaitez utiliser une vidéo YouTube hébergée en tant qu'arrière plan d'un Bloc, vous pouvez suivre ce guide dédié.

Mis à jour le 7 mars 2019

Cet article a-t-il été utile?

Articles Relatifs