Add a responsive video with caption to your website

Add a responsive video with caption to your website

In this tutorial we show you how to place a responsive Youtube video with a caption on your website. If you want to apply this turorial to your own website, you first have to be logged into the front-end editor.

Select the "video with caption" element

Click on the bottom left of the plus button. Open the category "Page blocks" and click on the "video with caption" element. This element can be recognized by the video block with the text block next to it. If you move your mouse over the parts, you also see the name of the element.


Place the element

After clicking on the part, move your mouse over the website. You will see an orange surface appear over the parts. Now hold your mouse over the part where you want to place the video. Now move the mouse down until the arrows point down. Then click.

A loading bar appears for a few seconds after which the video and the caption are shown.

Edit text

You can adjust the text next to the video by double-clicking on it. You can read more about inline customizing text:

manual for inline working with text

You can also format the text in its entirety. Here you can read more about:

manual for formatting text


Select video part

Because the video will start playing when you click on it, you can not select it by clicking on it. Instead use the website parts list in the upper blue bar. Use the filter to search for video item. Then click on the item from the list. The video is now selected.

Edit video settings

Click on the button for properties at the top left. In the window that appears you can adjust the url of the video. Then click on the save button at the bottom. When the page refreshes the new video is shown.

Read more about the video settings in:

manual binding for setting up a Youtube video