frendeitpt

media-vimeo ~ affiche des vidéos vimeo

affiche une vidéo Viméo qui s'inscrit au maxima dans son bloc parent

🆙 media_vimeo : affiche une video Viméo qui s'inscrit au maxima dans son bloc parent

Cliquer pour lire la documentation

{up media_vimeo=ID [| autoplay | portrait |title |muted |loop | play-on-visible]}
ID : il s'agit du code figurant à la fin de l'URL de la vidéo.
L'autoplay sous Firefox/Chrome est interdit si la video contient du son.
Utilisez muted pour débloquer cela.
voir https://vimeo.zendesk.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos
Les options title et portrait ne fonctionne que si la video le supporte.
author Pascal version UP-1.9.5 license GNU/GPLv3 tags Media
  • media_vimeo: code de la video (à la fin de l'url vimeo)
  • width (l,largeur,w): largeur de la video en px ou %
  • autoplay = 0: démarrage automatique
  • title (titre) = 0: afficher le titre de la vidéo
  • portrait = 0: afficher l'image de profil de l'auteur (portrait)
  • loop = 0: boucle en fin de video
  • muted = 0: coupe le son
  • play-on-visible = 0: démarre et arrête la video selon sa visibilité sur l'ecran
  • class: classe pour bloc externe
  • style: code css libre pour bloc externe

    Un exemple simple

    {up media_vimeo=176857956 | loop | play-on-visible}

    Il suffit d'ajouter le code qui figure à la fin de l'URL de la vidéo https://vimeo.com/176857956

    L'option autoplay lance la vidéo au chargement de la page et loop la relance éternellement

    L'option play-on-visible démarre la vidéo quand elle est entièrement affichée dans votre navigateur et l'arrête dès qu'elle est masquée.

    Les autres options :

    • width : par défaut, la vidéo occupe la largeur du bloc parent. Vous pouvez réduire la largeur en l'exprimant en px ou %
    • muted : coupe le son
    • title : titre (si la vidéo le supporte)
    • portrait : afficher l'image de profil de l'auteur (portrait) (si la vidéo le supporte)

    Cet exemple montre l'utilisation des options portrait et title (en haut à gauche)

    {up media_vimeo=199019289 | title | portrait}
    ico-crayon Il est possible que autoplay ne fonctionne pas sous Firefox/Chrome car cette fonctionnalité est bloquée si la vidéo contient du son. 
    Pour passer outre, utilisez muted.
    Tarteaucitron

    Youtube insère des cookies sur le poste de l'internaute. Vous devez prévenir les utilisateurs et le gérer dans vos conditions d'utilisation.

    Si vous utilisez TarteAuCitron, depuis la version 2.4, cette action va générer automatiquement le code attendu par ce script pour respecter les obligations du RGPD.

    Attention, l'option play-on-visible de fonctionne pas dans ce cas