Text And Video

This module functions similarly to the Text and Image modules, but with video instead.

Image of the text and video module

Enabling / Disabling

Like all modules, this module can be enabled / disabled. Please see the corresponding section of the documentation to find out more about this functionality.

Video Panel

Image of the video panel of a text and video module

  • Video Type: You may choose between YouTube and Vimeo

  • Video ID (YouTube): For Youtube, you need to copy this part of the URL (they can look different at times, but there is always an ID somewhere in the URL): Image of the text and video module - youtube url example.

  • Autoplay: Vimeo videos can auto-play, so long as the video has no sound: Image of the text and video module - autoplay example.

  • Video ID (Vimeo): For Vimeo, you need to copy this part of the URL: Image of the text and video module - vimeo url example.

  • Desktop Video Side: You can ‘flip' the text and video around, for example: Image of the video panel of a text and video module

(Vimeo) Video Quality

Image of the vimeo autoplay option example

For desktop video only, you can define a starting video quality. Please bear in mind that very high quality video can use up a lot of bandwidth, so for some users this may incur unforeseen costs. For mobile videos, Vimeo will always judge the default video quality by itself.

Text Panel

Image of the text panel of a text and video module

  • Header Text: This is the header within a text and video module:

Image of the text panel of a text and video module

  • Body Text: This is the body text within a text and video module:

Image of the text panel of a text and video module

Please note that this is a rich text field. More info on that here. On desktop resolutons, this field has a height limitation, to ensure clean layouts, which is why the character limit is 450.

Tip

You can leave any text field blank, and the website builder will adjust the layout to make the remaining text elements fit. You could even leave all text out, if desired.

  • Background / Font Colour: You can control the background colour and text colour of text and image modules using these controls.

Button

Please refer to the CTA / Button section for more info about the button.

Tip

Please do not forget to hit one of the save buttons, to make sure the changes you have made are actually saved. Why not keep a window with your preview open, to see the changes in realtime?