Comment créer un contrôle vidéo HTML5 personnalisé pour les vidéos dans Divi

La vidéo HTML5 est un moyen pratique et efficace de visionner des vidéos sur n’importe quel site Web. En fait, Divi utilise le format vidéo HTML5 pour visualiser la vidéo dans Divi en utilisant le module vidéo. Cependant, par défaut, ces vidéos contiennent des contrôles intégrés (comme la lecture, le silence, le volume, etc.) Sa conception standard dépend de votre navigateur. Cependant, si vous voulez améliorer la conception de ces contrôles, vous pouvez en fait créer et modéliser des contrôles externes pour la vidéo htlm5. Dans ce tutoriel, nous vous montrerons comment créer des contrôles vidéo HTML5 personnalisés pour les vidéos dans Divi. Pour ce faire, nous utiliserons Divi Builder pour créer et modéliser des vidéos personnalisées et des boutons de contrôle. Ensuite, nous ajouterons du JavaScript personnalisé pour que tout fonctionne correctement.
Allons – y! Voici une brève introduction à la conception que nous allons construire dans ce tutoriel. Vous pouvez également voir ce stylo de code qui démontre certaines des mêmes fonctionnalités dans ce tutoriel. 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é » ou vous recevrez un courriel 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 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 Layout. Vous vous êtes inscrit avec succès. Inspection
Votre adresse e – mail pour confirmer votre abonnement et obtenir gratuitement le paquet hebdomadaire Divi Layout! Pour importer une disposition de section dans la Bibliothèque Divi, allez à la Bibliothèque Divi.
Cliquez sur le bouton importer. Dans la fenêtre contextuelle de portabilité, sélectionnez l’onglet importer, puis sélectionnez les fichiers téléchargés à partir de votre ordinateur. Puis cliquez sur le bouton importer. Une fois terminé, la disposition de la section est disponible dans Divi Builder. Commençons le tutoriel. Que devez – vous commencer? Pour commencer, vous devez faire ce qui suit: si ce n’est pas déjà fait, installez et activez le thème Divi. Créez une nouvelle page dans WordPress et utilisez Divi Builder pour éditer la page à l’avant (Visual Builder). Sélectionnez l’option créer à partir de zéro. Ensuite, vous aurez une toile vierge à concevoir dans Divi.
Un bref aperçu des objectifs de ce tutoriel la syntaxe de base des vidéos HTML5 est similaire à ceci…

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *