Adding Videos

Please Note: This article applies to Website, Website+Marketing, and eCommerce packages created on or after 18 December 2024. If your accounts were created before this date, please refer to the article Elements Management.

Please refer to the Adding and Customizing Images article to learn how to add and customize images for your website.

Table of Contents

Adding a Video

Option 1

  • Hover over the desired section and click the Add Element:

  • Choose the Video from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Customizing a Video

  • To customize Video. click on the element to open the editing menu:

Setup Tab

  • Preview: Select the image that will appear on the video preview. You can drag and drop the image onto the Video Preview placeholder or click the Add Thumbnail button to open the Upload Image dialog.
  • Video Link: Replace the sample video link with the YouTube, Vimeo, or Dailymotion video.
  • Autoplay: Select to start playing the video as soon as the visitor accesses the page on the Internet. If Autoplay is disabled, the visitor will need to click the video to start it. The video will keep replaying until the visitor stops it.

Please Note: If you have added videos to your website and notice they don't automatically play with sound, this is likely due to browser restrictions designed to give greater control of playback to users. While muted autoplay is always allowed, playback of any media that includes audio is strictly restricted by browsers. Please refer to the Autoplay policy in Chrome, Firefox, and Safari for details.

  • Allow Full Window: Leave selected to allow users to toggle full screen. Deselect to retain the size of the video's placeholder.

Style Tab

Click the Style icon in the editing menu to access the Style settings:

  • Play button color: Choose the color of the video play button from the dropdown.
  • Drop shadow: Click the Square icon on the top left to open the color picker and change the color of the shadow.
  • Change the percentage value to set the shadow intensity.
  • Blur. Change the Blur intensity with the slider control.
  • Position. Change the shadow position with the Left/Right and Top/Bottom slider controls.

Please Note: If no preview image has been uploaded, the video preview will be automatically generated from the video.

Deleting the Video

To delete a video:

  • Click the Remove button [Bin]:

  • The element will be removed immediately.

More Menu

Click the More icon in the editing menu to access the available options:

  • Cut. Click Cut or Ctrl+X to cut your element.
  • Copy. Click Copy or Ctrl+C to copy your element.
  • Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
  • Delete. Click Delete to remove the element. The element will be deleted immediately.
  • Move Forward. Click Move Forward or Ctrl+⇓ to move your element.
  • Move Forward. Click Move Forward or Ctrl+⇑ to move your element.

Please Note: The Move Forward or Move Backward options are available only when one element is added on top of another.