Le curseur vidéo est idéal pour afficher une collection vidéo d’un cours, d’une page de recette ou d’un tutoriel. Ils sont également de bons candidats pour afficher du contenu de haut niveau aux membres ou aux abonnés du site. Par exemple, les visiteurs peuvent se connecter à la page recettes et ne voir que des instructions en format texte. Cependant, une fois qu’ils deviennent des utilisateurs enregistrés, ils voient le curseur vidéo sur la même page que le contenu avancé. Dans ce tutoriel, nous vous montrerons à quel point il est facile de cacher \ afficher le curseur vidéo en fonction de votre statut de connexion avec Divi. Cela vous permet de fournir du contenu vidéo aux utilisateurs qui se connectent en tant que fonctionnalité avancée.
Plongeons! Voici une brève introduction à la conception que nous allons créer dans ce tutoriel. Notez que le curseur vidéo est caché à l’utilisateur jusqu’à ce qu’il se connecte en utilisant le formulaire de connexion. Téléchargement gratuit mise en page pour obtenir les dessins de ce tutoriel, vous devez d’abord les télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » et ne recevrez pas d’e – mail supplémentaire.
Télécharger le fichier
Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi, qui sont incroyablement gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà abonné, entrez votre adresse e – mail ci – dessous et cliquez sur télécharger pour accéder au paquet de mise en page. Vous vous êtes inscrit avec succès. Veuillez vérifier votre adresse e – mail pour confirmer votre inscription
Il est recommandé de télécharger les versions MP4 et WebM des fichiers vidéo.
Ensuite, nous pouvons superposer l’image dans la vidéo. Une fois terminé, sauvegardez les modifications. Pour créer une autre vidéo, retournez aux paramètres du curseur vidéo et Copiez la vidéo existante 3 fois pour un total de 4 vidéos. Ensuite, sous les options de superposition, activez oui pour afficher la superposition d’image sur la vidéo principale.
Ajoutez des options de vue conditionnelle à ce tutoriel et nous n’afficherons ce curseur vidéo qu’aux utilisateurs connectés. Pour ce faire, allez à l’onglet avancé et cliquez pour ajouter une nouvelle condition au Groupe options de condition. Dans le menu déroulant conditions d’affichage, sélectionnez l’état d’accès dans la liste. Assurez – vous que la sélection n’est affichée que lorsque l’utilisateur est connecté. Puis enregistrez les modifications. Conseil supplémentaire: créez un CTA ou un formulaire de connexion pour les nouveaux visiteurs qui ne sont pas connectés, et vous voudrez peut – être créer un CTA ou un formulaire de connexion pour l’inscription afin de permettre aux membres de se connecter facilement et de regarder des vidéos. Pour ce faire, vous pouvez créer une nouvelle ligne à deux colonnes, l’image dans la colonne de gauche ressemble à une vidéo, et le formulaire d’accès dans la colonne de droite ressemble à la capture d’écran ci – dessous.
Ensuite, ouvrez les paramètres de ligne et ajoutez les critères d’affichage en fonction de l’état d’accès. Pour une seule fois, sélectionnez afficher seulement lorsque l’utilisateur se déconnecte. Cela n’affichera le contenu à l’utilisateur que lorsqu’il se déconnectera. Lorsque vous ajoutez un formulaire de connexion, assurez – vous de mettre à jour les options de redirection pour rediriger vers la page courante. Cela améliorera l’expérience utilisateur des utilisateurs qui veulent accéder et voir des vidéos sur la même plateforme
Sapagina. Pour savoir comment créer une section CTA à partir de zéro pour les utilisateurs déconnectés, consultez notre article sur la façon de créer des billets de blog exclusifs pour les membres en utilisant les options conditionnelles de Divi.
Voici notre dernière diapositive vidéo. Notez comment ils sont cachés à l’utilisateur avant qu’il ne se connecte en utilisant le formulaire de connexion. Vidéos YouTube \ Embedded Problems with Image overlay on the main Video si vous utilisez l’URL YouTube pour intégrer plusieurs vidéos dans le curseur vidéo, il est préférable de ne pas utiliser l’option intégrée Divi \
Ce n’est pas le cas des vidéos autogérées au format de fichier MP4 ou WebM. Vous pouvez afficher une superposition d’image sur la vidéo principale qui héberge automatiquement la vidéo. Par conséquent, si vous souhaitez utiliser Divi pour écraser des images et lire des icônes dans le module vidéo Divi, vous devez ajouter des fichiers \ URLs vidéo MP4 et WebM. C’est – à – dire que vous pouvez encore ajouter des superpositions d’images personnalisées aux vidéos YouTube dans le curseur vidéo. Ils apparaîtront toujours sur le contrôle des vignettes sous la vidéo principale. Lorsque vous souhaitez fournir un contenu de qualité à un membre ou à un abonné, vous pouvez afficher \ masquer le curseur vidéo en fonction de l’état de connexion.
Pour en savoir plus, consultez un article similaire sur la façon de créer des billets de blog exclusifs pour les membres en utilisant les options conditionnelles de Divi. J’ai hâte d’entendre vos commentaires. Bonjour!