**Videos are versatile elements used across site components to deliver dynamic and interactive user experiences. Pay attention: Only videos from YouTube and Vimeo are supported on the platform.**


## How to edit in the back office ?



 

 

 



   ![media video edition in the back office  GIF](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2815%29_0.gif?itok=nDvkoNmm)   





 

 





 

 

First, navigate to **Content** and select **Media** from the top menu on the right.

Then, click on **+Select Entities** and choose **Video**.

Once this is done, enter **a name** for the video.

Add the **URL of the video (from YouTube or Vimeo).**

Finally, make sure to select **"Save"** to complete the image insertion and finalize the process.



 

 

 



 

 

 

 






## Warnings 

- #### For Grid and Content with Aside cases, due to the specific layout constraints of YouTube and Vimeo, the video component can only be used with Grid layouts of ONE and TWO columns, and cannot be used within the Aside column.
- #### Use the complete URL (including https://) in the video URL field. Otherwise, it won't be identified as proper.



 

 

 



 

 

 

 






## Discover HP - Medias to Enrich Your Website Pages 

[Explore all the medias here](https://www.sf.userguide.veolia.com/drupal-essentials/media)

 



 

 

 



 [   ![Image logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2828%29.png.webp?itok=X5jsSgt0)   ](/image-0)[Image ](/image-0)

 

###       [Image ](/image-0) 

 

 

 



 

 [   ![Video logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2823%29.png.webp?itok=EFOLxzDq)   ](/video)[Video](/video)

 

###       [Video](/video) 

 

 

 



 

 [   ![Carousel with CTA logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2824%29.png.webp?itok=QMTTsnMG)   ](/carousel-cta)[Carousel with CTA](/carousel-cta)

 

###       [Carousel with CTA](/carousel-cta) 

 

 

 



 

 [   ![Document logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2825%29.png.webp?itok=aFJ8x2k6)   ](/document)[Document](/document)

 

###       [Document](/document) 

 

 

 



 

 [   ![Publication logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2826%29.png.webp?itok=X8FQu_0X)   ](/publication-0)[Publication](/publication-0)

 

###       [Publication](/publication-0) 

 

 

 



 

 [   ![Showcase card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2827%29.png.webp?itok=zZIXJcwf)   ](/node/1661)[Showcase Card](/node/1661)

 

###       [Showcase Card](/node/1661) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)