Aller au contenu

Intégrer une vidéo#

Vidéo hébergée hors plateforme#

Pour les vidéos qui ne sont pas hébergées sur une plateforme en particulier, il est toujours possible de les intégrer en utilisant la balise dédiée de HTML 5.

Prenons cette vidéo pour exemple : https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_1280_10MG.mp4

1
2
3
4
5
6
Une **vidéo** d'illustration de cette _webmap_ :

<video width="700" controls>
    <source src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_1280_10MG.mp4" type="video/mp4">
    Votre navigateur ne supporte pas la balise video HTML 5.
</video>

Une vidéo d'illustration de cette webmap :

🛎 Voilà, c'est prêt ! 🎉


Youtube#

Prenons cette vidéo pour exemple : https://www.youtube.com/watch?v=St8ArwOa3yA

  1. Cliquer sur le Partager en bas de la vidéo puis sur Intégrer :

    Menu partage d'une vidéo de Youtube

  2. Cocher Activer le mode de confidentialité avancé de façon à être RGPD friendly autant que faire se peut :

    Copier le code d'intégration de la vidéo Youtube

  3. Cliquer sur Copieret coller le code d'intégration dans le markdown. Attention, les iframes ne doivent jamais être en retrait (tabulation, espace, etc.) pour ne pas être considérés comme du code :

1
2
3
Une **vidéo** d'illustration de cette _webmap_ :

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/St8ArwOa3yA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Une vidéo d'illustration de cette webmap :

🛎 Voilà, c'est prêt ! 🎉


Dernière mise à jour: 13 octobre 2020
Contributions à cette page : Julien Moura

Commentaires