Logo Magzmaker

Video

Videos can convey a lot of information in a relatively short time. They not only attract attention, they also hold it.

  • On a page in edit mode, add the Video content block or open the block's settings   to make adjustments.
  • A content block is always within a section. If you have started with a blank page, first add a section before adding a video block.
    Read more about sections and how to add them.
Legoblokje

Adding a Video

Add a New Video or Replace an Existing Video

Go to the page where you want to add or modify the video and ensure the page is in edit mode. At the top of the purple bar, click on RETURN TO EDIT to switch the page to edit mode. You will now see the section outlines on the page. The edit button  becomes visible to the right of each content block when you hover over the respective block with the mouse.

Two Ways to Add a Video

You can add a new video to the page in two ways:

  1. Start with a new empty block and add a video, filling in the settings yourself.
  2. Use the Section Library to quickly and easily add a section with a video. The settings are already filled in (but can be changed if needed); you only need to replace the video.
Add content - 2 ways

1. Add an empty video block

  • In the column of a section, click + Add block > Choose Video.
Add content block - options

No section on the page yet? Add a section first

2. Add video via the Section library

  • In the middle of the page, click Insert section from library > Open the tab Custom sections > Choose 1 column video centered.
Section library - add video

Replace video

You want to replace the video on a page with existing content or you have inserted a section with video from the library section:

  • Make sure the page is in edit mode
  • Click on  and then on Edit
  • Adjust the Youtube url or upload a new mp4 file
  • Adjust the start image if necessary (optional)

Youtube or uploading mp4

  • You can add a video to the page with a link to Youtube 
  • Another way is to upload a .mp4 file in the media manager
Link Youtube video
  • Open the page in edit mode
  • For a new video block: click on + Add block > Choose Video
    Or to edit an existing video block: open the edit screen via the icon       
  • Paste the URL of the YouTube video into the Video URL Youtube field in the opened edit screen
  • By default, the still image from the YouTube video will be used. If you want a different image, you can select one from the Media Manager in the Video thumb media manager field.  
  • Click the purple Add Media button to open the Media Manager (or click Remove first to change the thumbnail). For instructions on how to upload an image to the Media Manager, see uploading images
Edit screen add video

Upload mp4 file
  • Open the page in edit mode.
  • Click on + Add block > Choose Video
    Or to adjust an existing video block: open the edit screen via the icon   
  • Click on the purple Add Media button under the heading Video file to choose an mp4 from the media manager or to upload an mp4.
    Or click on delete first to adjust an existing mp4 file.
  • The Media manager will open, you can choose a previously uploaded mp4 from the library or upload a new video
  • Click on the Add file button at the top and browse to the video on your computer to add it to the media manager. You can upload an mp4 file of up to 64 MB. File too big? This is how you can reduce it.
  • By default, the first image of the video is shown as a still, if a different image is desired, an image can be chosen from the media manager in the Video thumb field.  
  • To do this, click on the purple Add Media button (or click on Remove first to adjust an existing start image) to open the media manager. How to upload an image in the media manager can be read at Upload an image

Video tools

There are tools online to reduce the size of an mp4 file or convert it from another file format to an mp4 file. For example:

Settings

Settings in Video Block

In the edit screen, you'll find the autoplay option. While autoplay can be useful in some cases, we do not recommend it. Not all browsers support autoplay, so even if this option is enabled, the video will not automatically start in all browsers.

Users often prefer to choose when to play the video themselves. If you want to use autoplay, we recommend setting it only if the video is in the header and immediately visible when the page loads.

General Settings
In the opened edit screen, you can adjust the general settings of the block through the four tabs (Content/Settings/Animation/Advanced). A description of the settings in the different tabs can be found on the edit page

Size and Position on the Page

You can set the size and position of a video on the page in various ways. Read more about this on the size and position:

 Background video

You can also set an mp4 file as the background video of the page, which will then play without sound.
See the Backgrounds page for more information on setting the background video.

View a sample page with background video