media-youtube ~ affiche des vidéos youtube

La solution la plus simple pour afficher une vidéo Youtube en responsive

➠ media_youtube (youtube) : affiche une video Youtube qui s'inscrit au maxima dans son bloc parent

Cliquer pour lire la documentation

{up media-youtube=ID [|autoplay|play-on-visible|muted|loop]}
ID : il s'agit du code figurant à la fin de l'URL de la vidéo.
author LOMART/ modifié par Pascal version UP-0.9 MAJ 21-05-2020 license GNU/GPLv3 tags Media
  • media_youtube (youtube): code de la video (à la fin de l'url youtube)
  • width (l,largeur,w): largeur de la video en px ou %
  • autoplay = 0: demarrage automatique
  • loop = 0: boucle sur la 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

     

    En version minimale, il suffit d'indiquer le code figurant à la fin de l'URL de la vidéo.

    {up youtube=r1X9QWpWu-I}

     

    {up youtube=r1X9QWpWu-I | width=50% | style=border:red 2px solid | class=mcenter }

    Il est possible d'indiquer la largeur par width. Mais il peut être judicieux d'utiliser les UP-CSS pour avoir les largeurs selon la taille de l'écran

    {up youtube=r1X9QWpWu-I  | play-on-visible | style=border:green 2px solid | class=mcenter w6 ws12 }

    version 1.9.5 Ajout de Pascal. 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.

    La hauteur est gérée automatiquement pour que l'affichage de la vidéo soit responsive.
    Inutile de spécifier la hauteur, elle sera ignorée.

    Attention : 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.