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 v1.1 du 21-05-2020 license GNU/GPLv3
  • media_youtube (youtube): code de la video (à la fin de l'url youtube)
  • width (l,largeur,w): largeur de la video en px ou %
  • class: classe pour bloc externe
  • style: code css libre pour bloc externe
  • autoplay: demarrage automatique
  • loop: boucle sur la video
  • muted: coupe le son
  • play-on-visible: démarre et arrête la video selon sa visibilité sur l'ecran

     

    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.