To embed a video from YouTube or Vimeo, we recommend dragging a Box block and dropping it into the desired position as a background. Then, drag and drop the Embed block inside the box you just added. This will help you easily adjust the position of the embedded video.

For example, if you want to embed a YouTube video: on the YouTube video screen you want to set up, click Share to get the video code.

Click Embed to open the screen containing the video code.

After opening the screen with the code, click on the code content to highlight it all, then click Copy to copy the video code.

Go back to the Ourdemy system screen and paste the video code into the Embed code field to embed the video.

The system allows you to customize settings in three interface modes: PC, tablet, and mobile. Click the corresponding icon in the top toolbar to switch between interfaces. Then, paste your video code into Embed code and adjust the size as desired for each screen.

You can change the width or height of the video by click on the position in the below photo.

Click Box to start adjusting the position of the video on the display screen.

Turn on Flex Display to start the setup.

Adjust the position of the video by configuring the Justify content setting.

Click Draft and then click Save Draft to save your changes without publishing them live.

Or click Publish to make your changes live on the site.