> For the complete documentation index, see [llms.txt](https://dsi-agrosup-dijon.gitbook.io/guide-utilisateur-dotea/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dsi-agrosup-dijon.gitbook.io/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/media.md).

# Média

A partir de la liste vue dans [Créer un élément de contenu](/guide-utilisateur-dotea/gestion-des-pages/creer-un-element-de-contenu.md), sélectionner :

<div align="left"><img src="/files/-LvtmoWBVJR-_8wumywf" alt="Vidéo"></div>

Il est également possible de combiner un élément **Média** avec un élément **Texte**, sélectionner :

<div align="left"><img src="/files/-LvtmuUKWV1weNcuhQWT" alt="Texte &#x26; Média"></div>

{% hint style="warning" %}
Le contenu **Vidéo** permet d'ajouter uniquement des éléments provenant de Youtube et Vimeo.

Le contenu **Texte et Média** est plus permisif et permet d'ajouter différentes sources de média.
{% endhint %}

> **Note :** Comme dans la plupart des types de contenu, il est possible de renseigner un **Titre**. Pour plus d'informations, se référer à la fiche de l'élément [Titre](/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/titre.md).
>
> Pour un contenu de type **Texte & Média**, se référer à la fiche dédiée à l'élément [Texte](/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/texte.md).

![](/files/-LugLfOyVAG-E1OqBx5e)

Un onglet **Média** est disponible, il permet d'ajouter une vidéo provenant des services **Youtube** et **Vimeo,** un fichier audio **mp3** ou **wav**.

## Position

> Uniquement pour le contenu **Texte & Média**

![](/files/-LugLfP-eA-qoGuKiACX)

Ce champ permet de définir le placement du média par rapport au texte associé.

## **Colonnes**

Ce champ définit le nombre de média affichés par ligne.

|      2 images sur 1 colonne      |      3 images sur 2 colonnes     |      5 images sur 3 colonnes     |
| :------------------------------: | :------------------------------: | :------------------------------: |
| ![](/files/-LugLfP1eb0ta9WXoKoQ) | ![](/files/-LugLfP3efnkndQd63d1) | ![](/files/-LugLfP5yLwDoaL8lRrp) |

## Média éléments

Cette zone permet d'ajouter un ou plusieurs média.

![](/files/-LugLfP7h6qpDWaxJNY-)

Pour ajouter un ou plusieurs média, cliquer sur le bouton **Add media by URL**.

Une nouvelle fenêtre s'ouvre demandant l'URL de la vidéo.

![](/files/-LugLfP9sf6c6gNFeFQF)

Dans le champ **Paste media url here**, entrer l'adresse de la vidéo Youtube ou Vimeo puis cliquer sur **Add**.

> **Exemples**
>
> Youtube : <https://www.youtube.com/watch?v=CJjxCcr81Jw>
>
> Vimeo : <https://vimeo.com/8622726>
>
> *Les adresses Youtube et Vimeo peuvent être copiées depuis la barre d'adresse du navigateur.*

![](/files/-LugLfPBbLrU03gtpYfr)

Une fois les vidéos importées, elles s'affichent par ordre d'apparition et peuvent être modifiées :

![](/files/-LugLfPD9OoQxBugeUI-) supprimer la vidéo du contenu ;

![](/files/-LugLfPFQAkaqz626edq) cacher/afficher la vidéo ;

![](/files/-LugLfPHb51uL1bvCPbF) sélectionner la vidéo pour changer l'ordre d'apparition par glisser/déposer :

![](/files/-LugLfPJ81uHv4AxmlJ7)

Cliquer sur **Titre** pour éditer les informations relatives à l'image ou l'éditer :

![](/files/-LugLfPLhPHGsN9WxIek)

**Titre :** ajouter un titre pour la vidéo ;

**Description :** ajouter un texte associé à la vidéo ;

**Autoplay :** lit la vidéo automatiquement à l'affichage de la page.