Cliquez ensuite sur le module Divi Video Slider.
Ajouter une vidéo au module de curseur vidéo ajouter un sous – module vidéo par défaut pour commencer. Cliquez sur l’icône Gear pour ouvrir ses paramètres.
Ensuite, supprimez la vidéo par défaut ou sélectionnez l’icône pour changer la vidéo. Vous pouvez maintenant choisir de télécharger une vidéo MP4 ou WebM, ou d’entrer l’URL de la vidéo hébergée ailleurs. Cliquez sur Ajouter une vidéo pour ajouter le type.
Ensuite, Téléchargez la vidéo dans la médiathèque et sélectionnez – la, ou saisissez l’URL de la vidéo que vous souhaitez voir.
Cliquez sur Ajouter une nouvelle vidéo et sélectionnez la vidéo pour ce formulaire de défilement.
Répétez ce processus jusqu’à ce que toutes les vidéos aient été ajoutées. Chaque vidéo est une nouvelle diapositive. Vous pouvez également les nommer en ajoutant des étiquettes d’administrateur à leurs zones de sélection vidéo.
Ensuite, voyons comment cela fonctionne avec les dérogations par défaut. Cela nous aidera à comprendre la fonctionnalité lors de l’ajout d’une nouvelle superposition. Parce que j’ai ajouté une URL de YouTube, mes vidéos ont des contrôles YouTube, des informations et des liens. La diapositive est affichée sous la vidéo courante. La diapositive actuelle est recouverte de noir.
Passez le curseur sur la diapositive principale pour afficher les flèches de navigation et l’icône de lecture devient rouge.
Passez le curseur sur la diapositive pour afficher la superposition et l’icône de lecture blanche.
Ajouter une superposition d’image pour le curseur vidéo ensuite, nous ajouterons une superposition pour chaque vidéo. Premièrement, nous devons activer l’option override. Dans les paramètres de contenu du module curseur, faites défiler vers le bas vers overlay et sélectionnez afficher l’image Overlay
Zar. J’ai choisi une flèche circulaire solide. Une fois la diapositive terminée, fermez le formulaire et sauvegardez le travail. Icônes: remplissage des flèches de courbe
Zar. J’ai choisi une flèche circulaire solide. Une fois la diapositive terminée, fermez le formulaire et sauvegardez le travail. Icônes: remplissage des flèches de courbe
Superposition d’images de curseur vidéo résultat Ceci est l’apparence du module de curseur vidéo Divi sur ma page. J’ai créé des exemples. Cet exemple montre les paramètres par défaut pour les icônes de lecture et les dérogations en vol stationnaire.
Cet exemple montre la superposition d’une image personnalisée et d’une icône de lecture personnalisée. Je passe le curseur sur la vignette pour montrer comment son image et ses icônes fonctionnent séparément de la diapositive.
Cet exemple montre une deuxième diapositive avec une superposition d’image personnalisée et une icône de lecture. Lorsque je passe le curseur sur une image personnalisée, je passe le curseur sur la diapositive pour afficher la superposition.
Voici un autre exemple d’utilisation. Puisque vous pouvez ajouter n’importe quelle image que vous voulez, vous pouvez utiliser ces images pour décrire le contenu. Cet exemple s’applique à un cours ou à un tutoriel. Il n’a qu’un fond de gradient, mais vous pouvez utiliser n’importe quelle image pour créer des images de premier plan pour les cours et les tutoriels.
C’est un autre exemple. Je viens de changer la superposition de l’image, mais ça donne à la vidéo un aspect complètement différent.
C’est ce que nous avons étudié pour ajouter une superposition d’image au contenu du module de curseur vidéo Divi. Le module de diapositives vidéo est idéal pour les cours, les tutoriels ou toute série que vous souhaitez afficher sur une diapositive. Divi peut facilement ajouter des superpositions d’images personnalisées pour rendre chaque diapositive différente de la capture d’écran vidéo. Vous pouvez façonner les diapositives indépendamment afin qu’elles aient l’air différentes. Vous pouvez également ajouter