> For the complete documentation index, see [llms.txt](https://docs.moocit.fr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.moocit.fr/composants/video-vimeo.md).

# Vidéo - Viméo

Par défaut MOOCit est intégré avec Youtube. Pour ajouter une vidéo depuis Vimeo utiliser l'URL de la vidéo dans un composant HTML.

### Intégrer une vidéo depuis Vimeo 

Aller sur l'URL de la vidéo stockée sur Vimeo et copier l'id de la vidéo

![Copier l'id de la vidéo](https://389845637-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-M4yFbTfgwWgJ45tscWo%2F-M4yId39jF5kY0KeVXkO%2Fimage.png?alt=media\&token=c0657ee2-cc30-40d7-85dd-6bf54323a42a)

1. En studio, ouvrez l'unité où vous souhaitez ajouter la vidéo. Sous « **Ajouter un nouveau composant** », sélectionnez « **Texte** », puis sélectionnez « **HTML** ».
2. Copier-coller le code ci-dessous et remplacer l'ID de la vidéo par celui copié précédemment. 

```markup
<div class="embed-container">
    <iframe src="https://player.vimeo.com/video/367969182" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="">
    </iframe>
</div>
```

L'id de votre vidéo correspond au chiffre qui suit `/video/` dans la source `src` de l'iframe.

{% hint style="info" %}
La classe "embed-container" dans laquelle est l'iframe permet de rendre la vidéo responsive. :wink:&#x20;
{% endhint %}

La vidéo Vimeo s'affiche dans l'unité de manière responsive.&#x20;

{% hint style="info" %}
Dans le cas où votre vidéo - Viméo a un lien avec 2 numéros d'identification, par example:`https://player.vimeo.com/video/36796918/9eh8fh76`

Utilisez uniquement le premier numéro d'identification:`https://player.vimeo.com/video/36796918`
{% endhint %}