![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-9f09e940-0c28-48c3-b149-a6abc29230c3-DOCS IMAGE LIGHT.png)
![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-2e72ef6f-071e-4557-b985-54461fa346b7-DOCS IMAGE DARK.png)
Media Components
Media components allow you to insert videos, GIFs, and pictures into your documentation.
.png)
A media component available in Umbria
A media component available in Umbria
Changing Size of Media
Dragging the side of media components will allow you to increase or decrease the size of the image or video.
Drag the side of the media component in or out to change the size
Drag the side of the media component in or out to change the size
YouTube Component
The YouTube component allows you to embed YouTube videos in Umbria.
The YouTube Component in the component menu
The YouTube Component in the component menu
Link Setting
The YouTube component also allows links from Vimeo
.png)
"Link" field in the right sidebar of YouTube component
"Link" field in the right sidebar of YouTube component
This link should be the YouTube embed link. This can be acquired by
Clicking the "Share" button under the YouTube video you want
Go to the "Embed" tab and copy the "src" link in the embed code snippet
The snippet should look something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
The link to paste into Umbria is https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J.
Video Component
The Video Component in the component menu
The Video Component in the component menu
Video Settings
Video settings found on the right sidebar
Video settings found on the right sidebar
Autoplay
Toggle "Autoplay" if you want the video to play when the user views the page.
Controls
Toggle "Controls" to show the progress bar, play button, and full screen icon to the user.
Loop
Toggle "Loop" to start the video from the beginning automatically after the video finishes.
Media Components
Media components allow you to insert videos, GIFs, and pictures into your documentation.
A media component available in Umbria
A media component available in Umbria
Changing Size of Media
Dragging the side of media components will allow you to increase or decrease the size of the image or video.
Drag the side of the media component in or out to change the size
Drag the side of the media component in or out to change the size
YouTube Component
The YouTube component allows you to embed YouTube videos in Umbria.
The YouTube Component in the component menu
The YouTube Component in the component menu
Link Setting
The YouTube component also allows links from Vimeo
"Link" field in the right sidebar of YouTube component
"Link" field in the right sidebar of YouTube component
This link should be the YouTube embed link. This can be acquired by
Clicking the "Share" button under the YouTube video you want
Go to the "Embed" tab and copy the "src" link in the embed code snippet
The snippet should look something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
The link to paste into Umbria is https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J.
Video Component
The Video Component in the component menu
The Video Component in the component menu
Video Settings
Video settings found on the right sidebar
Video settings found on the right sidebar
Autoplay
Toggle "Autoplay" if you want the video to play when the user views the page.
Controls
Toggle "Controls" to show the progress bar, play button, and full screen icon to the user.
Loop
Toggle "Loop" to start the video from the beginning automatically after the video finishes.
Media Components
Media components allow you to insert videos, GIFs, and pictures into your documentation.
A media component available in Umbria
A media component available in Umbria
Changing Size of Media
Dragging the side of media components will allow you to increase or decrease the size of the image or video.
Drag the side of the media component in or out to change the size
Drag the side of the media component in or out to change the size
YouTube Component
The YouTube component allows you to embed YouTube videos in Umbria.
The YouTube Component in the component menu
The YouTube Component in the component menu
Link Setting
The YouTube component also allows links from Vimeo
"Link" field in the right sidebar of YouTube component
"Link" field in the right sidebar of YouTube component
This link should be the YouTube embed link. This can be acquired by
Clicking the "Share" button under the YouTube video you want
Go to the "Embed" tab and copy the "src" link in the embed code snippet
The snippet should look something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
The link to paste into Umbria is https://www.youtube.com/embed/yFasdIV1XTo?si=HdnwrLCy65goJr-J.
Video Component
The Video Component in the component menu
The Video Component in the component menu
Video Settings
Video settings found on the right sidebar
Video settings found on the right sidebar
Autoplay
Toggle "Autoplay" if you want the video to play when the user views the page.
Controls
Toggle "Controls" to show the progress bar, play button, and full screen icon to the user.
Loop
Toggle "Loop" to start the video from the beginning automatically after the video finishes.