GYIK

This issue is usually related to the fact that you have background image set both for layout element ("Vertical Layout" or "Horizontal Layout") native background (option "Background") and also use Shape element as an extra background in that layout element (option "Background element").

You should use only one of these backgrounds either by:

• removing image from layout element native background;
• detaching Shape element as a background from that layout element.

• Click left mouse button on the required layout or select it in the right menu;
• In the right toolbar's "Layout" tab select background by clicking on a pencil icon;
• Choose Image adding by clicking on a pencil icon;
• Under the image choose the backgrounds image settings: opacity; position; repeating image vertically/horizontally/scrolling background; image size: auto (size in pixels, percentages or auto) or crop (display the image at full size or fill the background).

• Select the "Picture" widget on the top toolbar and choose picture style;
• Select a picture or upload a new picture on the "Template Gallery"/"Free Gallery"/"Picture URL"/"Font Awesome Icon" tab and click the button "Select";
• To crop a photo, right-click on it and select "crop" from the menu;
• Move/resize the orange cropping area to change the visible area of the photo and save the changes by clicking on the checkmark in the lower right corner.

All images used in templates are CC0 licensed. You can read more itt

• Click left mouse button on the required layout or select it in the right menu;
• In the right toolbar's "Layout" tab select background by clicking on a pencil icon;
• Click on a pencil icon and upload a new video on the "Picture/Video URL" tab and click the button "Select";
• Under the video choose the backgrounds video settings: opacity; start time and end time.

To insert video to the website you have several options:

Option 1 (insert Youtube/Vimeo/Youku player):

• Select "Media" widget and choose Youtube/Vimeo/Youku player;
• Insert the link of your Youtube/Vimeo/Youku video to the "URL or ID" field.

Option 2 (upload video from your computers, will be played as a background):

• Select "Shape" widget and choose any shape option by clicking on it;
• In the right toolbar's "Shape" tab select background by clicking on a pencil icon;
• Choose Image/Video adding by clicking on a pencil icon;
• Click "Upload New File", choose video, click open, and click "Select";
• Video will be played with no sound.

Option 3 (upload video from your computer)

• Select "Advanced" widget and choose "Custom Html";
• In the right toolbar's "Custom Html" tab select HTML code by clicking on a pencil icon;
• Insert this code:

  <div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index: 1;"></div>
  <video style="width: 100%; height: 100%; position: relative; z-index: 2;" src="VIDEO_FILE" controls>
  Your browser does not support the video tag.
  </video>

• Select word "VIDEO_FILE" (without quotes), delete it, and choose your video file by clicking "Insert" button (on the top right corner);
• Click "Upload New File", choose video, open, click "Select", and click "Apply" button;
• Video will be played with a sound.