Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Deprecated: locale_accept_from_http(): Passing null to parameter #1 ($header) of type string is deprecated in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Deprecated: locale_accept_from_http(): Passing null to parameter #1 ($header) of type string is deprecated in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Deprecated: locale_accept_from_http(): Passing null to parameter #1 ($header) of type string is deprecated in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

Deprecated: locale_accept_from_http(): Passing null to parameter #1 ($header) of type string is deprecated in /home/lmc77/sites/up310/plugins/content/up/upAction.php on line 2093

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: démarrage automatique
  • title (titre): afficher le titre de la vidéo
  • portrait: afficher l'image de profil de l'auteur (portrait)
  • loop: boucle en fin de video
  • muted: coupe le son
  • play-on-visible: démarre et arrête la video selon sa visibilité sur l'ecran

Style CSS

  • id: identifiant
  • class: classe pour bloc externe
  • style: code css libre pour bloc externe

Divers

  • rgpd = 1: 0 pour ne pas appliquer la règle pour le RGPD
Version 2.4
prise en charge des services pour le script RGPD TarteAuCitron
Version 2.9
ajout option RGPD pour ne pas appliquer localement la règle générale 

 

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

Pour info, cette page utilise 10 action(s) :
box (2) upactionslist (1) readmore (1) csv2def (1) flexauto (1) media-vimeo (2) icon (1) jcontent-info (1)