# Média

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

<div align="left"><img src="https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LvtmGEBySKsOtnt9RBn%2F-LvtmoWBVJR-_8wumywf%2Fimage.png?alt=media&#x26;token=bca64bbd-f7ce-422a-97d0-9176965647f2" 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="https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LvtmGEBySKsOtnt9RBn%2F-LvtmuUKWV1weNcuhQWT%2Fimage.png?alt=media&#x26;token=8c980cef-e05d-45d3-804a-1771bb27be9c" 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](https://dsi-agrosup-dijon.gitbook.io/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/titre).
>
> Pour un contenu de type **Texte & Média**, se référer à la fiche dédiée à l'élément [Texte](https://dsi-agrosup-dijon.gitbook.io/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/texte).

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfOyVAG-E1OqBx5e%2Fadd_content_media_ong.png?generation=1574849666960818\&alt=media)

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**

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP-eA-qoGuKiACX%2Fadd_content_img_pos.png?generation=1574849673445161\&alt=media)

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                                                                                                  |
| :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| ![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP1eb0ta9WXoKoQ%2Fadd_content_img_ex3.png?generation=1574849673662359\&alt=media) | ![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP3efnkndQd63d1%2Fadd_content_img_ex1.png?generation=1574849674713491\&alt=media) | ![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP5yLwDoaL8lRrp%2Fadd_content_img_ex2.png?generation=1574849668999531\&alt=media) |

## Média éléments

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

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP7h6qpDWaxJNY-%2Fadd_content_media_btn.png?generation=1574849668587460\&alt=media)

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.

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfP9sf6c6gNFeFQF%2Fadd_content_media_popup.png?generation=1574849668772141\&alt=media)

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.*

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPBbLrU03gtpYfr%2Fadd_content_media_liste.png?generation=1574849668633644\&alt=media)

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

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPD9OoQxBugeUI-%2Frm_btn.png?generation=1574849669175728\&alt=media) supprimer la vidéo du contenu ;

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPFQAkaqz626edq%2Fhide_btn.png?generation=1574849674264453\&alt=media) cacher/afficher la vidéo ;

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPHb51uL1bvCPbF%2Fbtn_select%20\(1\).png?generation=1574849671745079\&alt=media) sélectionner la vidéo pour changer l'ordre d'apparition par glisser/déposer :

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPJ81uHv4AxmlJ7%2Fadd_content_media_ordre.png?generation=1574849669670955\&alt=media)

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

![](https://4130385550-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LugIwsrZUARZI3zvpYL%2F-LugLdpPvUZMK8NnKEKT%2F-LugLfPLhPHGsN9WxIek%2Fadd_content_media_detail.png?generation=1574849673662018\&alt=media)

**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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://dsi-agrosup-dijon.gitbook.io/guide-utilisateur-dotea/gestion-des-pages/types-de-contenu/media.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
