Elements and Widgets

Video

11min

The Video Widget is another option for loading media content. It is used to add, edit and style video files.

Document image


To use the Video Widget, subscribe to the Basic hosting plan.

Adding a widget to the Canvas

 To add a Video on a page:

  • Add a Video element on the Canvas that is drag it from the Elements panel or simply click on its name.
  • Upload a Video that is double click on a Video on the Canvas or press «Replace video» in the Styles menu on the Settings tab.

In the Video search window click on the Upload button or select an already uploaded video from the list. 



Document image


In the video search window, you can search by name. The maximum size of an uploaded vodeo is 500 MB

You can use files the following formats.

swf, flv, mp3, mp4, mkv, h264, m4v, mpeg4, mpg, avi, ogg, ogv, wav, 3gp, mid, webm, vob, drc, gif, gifv, mng, mov, qt, wmv, yuv, rm, rmvb, asf, amv, mp2, mpeg, mpe, mpv, m2v, svi, 3g2, mxf, roq, nsv, f4v, f4p, f4a, f4b.

The uploaded video file will be converted to mp4.

Video Styles

You may style the Video just like any other element by creating Classes and Selectors, this can be done on the Design tab of the Styles panel.

If you want to add a background, add it to the parent element where the Video is located.

You may style the Video with some tools. For example,

  • adjust the radius for one or several corners;
  • create a border around the Video;
  • add shadow or filters.

Video Settings

Add a video thumbnail and manage the extra styles on the Settings tab.

To add a thumbnail, check the appropriate box and upload an image by clicking the Replace Image button.

Document image


Uploading a thumbnail image is the same as for the Image Widget.

Extra Video Styles

By default, video controls are shown. You may hide them by unchecking the desired setting.

Document image


You may control video playback by adding the following options:

  • Autoplay in viewport. If chosen, the video will play without sound;
Document image

  • Video Loop. The video will be played from the beginning once ended;
  • Full screen viewing for iOS devices. If you add this setting, the video will play in full screen by default, and you won't be able to set it to autoplay.
Document image


If you turn off controls display and autoplay at the same time, the video will not play.

Document image


Object fit

The Object fit defines the height and width of the uploaded video.

Document image


The Original Size is used by default. It defines the original width and height.

You may choose the following options:

  • Contain — scales the video so that it is completely displayed inside the element. This value also overrides any specified width and height.
  • Cover scales the video to fill the entire element, overriding any specified width and height. The video may be cropped depending on the Video element's aspect ratio and screen size.

SEO Settings

You may disable video indexing by search engines. To do this, uncheck SEO on the Settings tab.

By default, the Video element is indexed by search engines.

Document image




Updated 02 May 2024
Did this page help you?