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

Markdown

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

<video width="700" controls>
    <!-- markdownlint-disable MD033 -->
      <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.
      <!-- markdownlint-enable MD033 -->
</video>

Rendu

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

Cliquer sur le Partager en bas de la vidéo puis sur Intégrer :
Cocher Activer le mode de confidentialité avancé de façon à être RGPD friendly autant que faire se peut :
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 :

Markdown

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

<!-- markdownlint-disable MD033 -->
<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>
<!-- markdownlint-enable MD033 -->

Rendu

Une vidéo d'illustration de cette webmap :

Voilà, c'est prêt !

Dernière mise à jour: 24 septembre 2021
Créé: 24 septembre 2021

Contributions à cette page : Julien Moura

Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International

Commentaires

Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.