Widget vidéo

Utilisez le widget vidéo pour intégrer facilement des vidéos sur votre page.


Vidéo

  1. Source : sélectionnez la source de la vidéo. Choisissez entre Youtube, Vimeo, Dailymotion ou Self Hosted (qui comprend l’hébergement sur des serveurs externes)
  2. URL : saisissez l’URL de la vidéo
  3. Heure de début / fin : définissez les heures de début et de fin de votre vidéo. Laisser vide pour la vidéo complète

Options vidéo

Youtube

  1. Lecture automatique : faites glisser vers OUI pour lire automatiquement la vidéo lors du chargement de la page
  2. Jouer sur mobile: cette option n’apparaît que si la lecture automatique est définie sur Oui. Utile pour permettre à iOS de lire automatiquement la vidéo.
  3. Muet : faites glisser vers OUI pour désactiver la vidéo
  4. Boucle : faites glisser vers OUI pour boucler la vidéo
  5. Commandes du lecteur : affichez ou masquez les commandes du lecteur, telles que Lecture / Pause, Volume, etc.
  6. Modest Branding : lorsque Player Controls est défini sur YES , vous pouvez masquer le logo YouTube en faisant glisser le curseur Modest Branding sur YES
  7. Vidéos suggérées : choisissez entre “Chaîne vidéo actuelle” ou “Toute vidéo”
  8. Mode de confidentialité : faites glisser sur ON ou OFF. Lorsque cette option est activée , Youtube ne stockera pas d’informations sur les visiteurs de votre site Web à moins qu’ils ne lisent la vidéo

Vimeo

  1. Lecture automatique : faites glisser vers OUI pour lire automatiquement la vidéo lors du chargement de la page
  2. Muet : faites glisser vers OUI pour désactiver la vidéo
  3. Boucle : faites glisser vers OUI pour boucler la vidéo
  4. Couleur des commandes : choisissez la couleur des commandes du lecteur, telles que Lecture / Pause, etc.
  5. Titre de l’intro : afficher ou masquer le titre de l’intro
  6. Portrait d’introduction : afficher ou masquer le portrait d’introduction
  7. Intro Byline : afficher ou masquer l’intro Byline

Dailymotion

  1. Lecture automatique : faites glisser vers OUI pour lire automatiquement la vidéo lors du chargement de la page
  2. Muet : faites glisser vers OUI pour désactiver la vidéo
  3. Commandes du lecteur : affichez ou masquez les commandes du lecteur, telles que Lecture / Pause, Volume, etc.
  4. Informations sur la vidéo : afficher ou masquer les informations sur la vidéo, telles que le titre de la vidéo
  5. Logo : afficher ou masquer le logo vidéo
  6. Couleur des commandes : choisissez la couleur des commandes du lecteur, telles que Lecture / Pause, etc.

Auto-hébergé

  1. Lecture automatique : faites glisser vers OUI pour lire automatiquement la vidéo lors du chargement de la page
  2. Muet : faites glisser vers OUI pour désactiver la vidéo
  3. Boucle : faites glisser vers OUI pour boucler la vidéo
  4. Commandes du lecteur : affichez ou masquez les commandes du lecteur, telles que Lecture / Pause, Volume, etc.
  5. Bouton de téléchargement : afficher ou masquer le bouton de téléchargement (applicable pour Chrome uniquement)

Superposition d’image

Superposition d’ image : afficher ou masquer une superposition d’image

Remarque : l’utilisation de la superposition d’image remplace la lecture automatique. Les vidéos ne seront pas lues automatiquement si une superposition d’image est définie.

Si Superposition d’image est défini sur Oui , les options suivantes deviennent disponibles:

  1. Image : définissez votre image
  2. Lazy Load : reporter le chargement des ressources vidéo jusqu’à ce que l’utilisateur clique sur le bouton Lecture *
  3. Taille de l’image : définissez la taille de votre image
  4. Icône de lecture : faites glisser vers OUI pour afficher une icône de lecture
  5. Lightbox : faites glisser sur ON pour afficher la vidéo dans une Lightbox . Une fois allumé, vous devrez définir une image

Lazy Load remplace le code d’intégration vidéo par une image statique de votre choix et, éventuellement, une icône de lecture au-dessus de l’image statique. La vidéo n’est chargée que lorsque l’utilisateur clique sur l’image.
Cela aide grandement à accélérer le temps de chargement initial de la page car le navigateur de l’utilisateur ne télécharge pas les nombreuses ressources supplémentaires que Youtube et d’autres services vidéo incorporent, le tout avant même qu’un utilisateur en ait besoin. Si vous voulez des temps de chargement plus rapides sur les pages qui intègrent des vidéos, Lazy Load est une bonne option à activer.

Style

  1. Rapport hauteur / largeur: modifiez le rapport hauteur / largeur des vidéos. Les choix incluent: 1: 1, 3: 2, 4: 3, 16: 9, 21: 9 et 9:16
  2. Filtres CSS : définissez un flou, une luminosité, un contraste, une saturation et une teinte

Remarque : la lecture automatique est affectée par la politique de lecture automatique de Google sur les navigateurs Chrome.

Avancée

Définissez les options avancées applicables à ce widget


Source : https://docs.elementor.com/article/48-video