> 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 :
Vidéo
Il est également possible de combiner un élément **Média** avec un élément **Texte**, sélectionner :
Texte & Média
{% 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). ![](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 : > > Vimeo : > > *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.