Widgets: Video

Widget Categories: Media

The Video widget allows you to to upload a video to your site or display YouTube, Vimeo or Dailymotion
videos on your site. A short video can be the perfect way to communicate to your customers and
show what your business has to offer, and is a great way to boost customer engagement and increase
conversions.

📘

NOTE

• For issues with the Video widget, see the section in this article, FAQs and Troubleshooting
• Any file (text, image, video, and so on) uploaded to the system is publicly available.
  No personal and/or confidential information should be uploaded. To remove the file
  completely, delete the file from the picker.
• Each site can contain up to video 100 files. Additional files result in an error message. The size limit per file is 200MB.

For information on adding widgets, see Add Widgets

📘

TIP

Fore more information on widgets and the widgets library, see Widgets: Library and Overview

Add Video Widget from Media Panel (Editor 2.0)

The Media Panel allows you to add a video and a video widget to the canvas at the same time. Or, you
can replace existing videos. To learn more, see Media Panel.

To add a video widget from the Media Panel:

1. In the side panel, click Add, then click Media.
2. (Optional) Use the filters to help locate the desired video. Or, click Upload Media to add a new
   video.
3. Click and drag the desired video onto the canvas. If you do not like the video, simply drag and drop
   a new video into place.

Content Editor

To access the content editor, right click the widget and select Edit Content. Or, if you are in flex mode
or Editor 2.0, the option to access the content editor is available in the floating menu. Click the element
to open the floating menu, then click the option for the content editor.

Site Videos (Uploaded and Free Stock Videos)

Click Select Video. The following are available options:

• Select from the immediately available videos.
• Click Full View to open the Video Library.
• Click Upload to upload a video.

Once a video has been selected, the following options are available (site videos only, these options
aren't available when adding a video using a link):

• Customize Video:
• Select a video thumbnail to be showed before the video plays
• Show video controls.
• Play video in loop.
• Set video to autoplay. If this toggle is enabled, the video will be muted. This is a setting enforced by
  all major browsers.
• Play audio. If you want audio to play, the Set video to autoplay toggle must be disabled.
• Video Schema.

📘

NOTE

Uploading a video does not affect site speed if it is not being played on autoplay.

Video Schema

Adding Video Schema can help search engines better understand the content of the video and to
influence how it will show in rich search engines result page (SERP).

📘

NOTE

Video Schema within the widget is only available for uploaded videos.

To add schema to a video widget:

1. In the side panel, click Add, then click Widgets.
2. Click and drag the Video widget into your site.
3. Click Select video.
4. Select the desired video.
5. In the Video Schema section of the Content Editor enter the following information:
   • Video name
   • Video description
   • Upload date

YouTube, Vimeo, or DailyMotion URL in the field provided.

📘

NOTE

Make sure the video’s share settings in the original source are properly configured,
such as setting it to public. Keep in mind that different platforms may have different
options.

Enter the YouTube, Vimeo, or DailyMotion URL in the field provided.

Design Editor

To access the design editor, right-click the element, and click Edit Design. Or if you are in flex mode
or Editor 2.0, select Edit Design from the floating menu to open the design panel. Click the element to
open the floating menu, then click the option to edit design.

For information about design options that are not specific to this widget (for example, layout, style, or
spacing), see Widget Design.

FAQs and Troubleshooting

📘

NOTE

For more information on videos, see Media Guidelines and Specifications.

My video isn't working

The Video widget simply embeds the video on the site when using a link from a video sharing platform
(YouTube, Vimeo, or DailyMotion). If the video is not working, it may be because the video has been
removed or its share settings prevent it from being played. Make sure the video has the right sharing
settings in the video's original source, including but not necessarily limited to setting it to public (different
sources may offer different settings).

My video won't upload

Typically, this is a caching issue. However, we recommend you check that your video does not exceed
200MB. The maximum number of videos you can add to your site is 100.

The wrong thumbnail is showing

The thumbnail image is pulled from the YouTube, Vimeo, or DailyMotion settings. Try using the embed
code that the video host provides and place that in using the HTML widget to see if the issue persists.

How do I choose the streaming quality?

The streaming quality depends on the limits that are available on YouTube, Vimeo, or DailyMotion. The
user will be able to adjust the quality as they see fit using the settings icon in the video's original source.

Video loads too slow

Video load speed depends on the connection speed of the viewer.

How do I adjust the video dimensions?

The video widget does not automatically detect the dimensions of the original video. To adjust the
widget to the video dimensions, click and drag the bottom right corner of the widget to resize it until it
matches the video dimensions.

We also recommend turning off the Full Width setting on the design tab of the widget to ensure the
dimensions are not changed.

Why is my video not autoplaying on the live published site?

The autoplay feature only works if the audio is muted. This is due to specific browser restrictions and
is not exclusive to Website Builder sites. Read Chrome's documentation about autoplay (Firefox and
Safari have similar restrictions as well). A device's settings may also prevent autoplay (for example, if
low power mode is enabled videos may not autoplay).

To mute the audio and enable autoplay, click the video widget to open the Content and Design menu.
On the Content tab, click Customize Video then enable the Mute Video and Autoplay video toggles.

📘

NOTE

You can only mute and enable autoplay in the editor for videos you have uploaded
from your computer. All other videos, such as Youtube, Vimeo, or Daily Motion, must
be updated within the settings of the original source. For example, a Youtube video
needs to be muted in Youtube settings.