EverWeb's Video Fill Option for Shapes

Video Transcript:

► This Video's Contents...

0:00 - Introduction

0:16 - Video Display Options in EverWeb

0:25 - As a Video Browser Background

0:36 - Using Widgets To Display Video

1:10 - Using Shape Options Video Fill

1:37 - Using Video Fill

2:30 - Video Fill Sources

3:02 - Video Fill Customization Options

To use the features shown in this video you will need to use EverWeb 4.2 or higher, for macOS or Microsoft Windows.

EverWeb has a number of different ways in which you can use video within your website's pages.

As a Video Browser Background: Use the Inspector Window's Page Settings, Browser Background feature to set a video background for your page's Browser Window.

Video Within a Page: You can use one of EverWeb’s four dedicated widgets to add and customize video on your page.

The Video Widget is used with MP4 files and also legacy video formats such as WebM and OGG files.

The YouTube Widget is used for YouTube videos.

The Vimeo Widget for use with Vimeo videos.

You can also embed videos within the FlexBox Widget:

If you are using EverWeb 4.2 or higher, you can drag and drop a video directly from your its source location, such as you computer desktop or the Cloud on to your page.

When you do so, the video will become a Video Fill object. This is the same as if you used the Video Fill option on an object from the Shape Options tab.

In this video we will be looking at this feature in more detail.

Video Fill can be applied to most objects, for example, a shape or TextBox. When used in this way, the object will change to become a Video Fill shape replacing its original object type.

Using Video Fill may give you more flexibility when adding video to your page. It also offers you more customization options than found in EverWeb’s built in video widgets.

We recommend that you use whichever method best suits your design goals. For example, this could be using a widget, or it could be using the Video Fill option.

To use Video Fill, simply add an object to your page, such as a shape, or TextBox, then go to the Shape Options tab in the Inspector Window.

Click on the Fill type dropdown menu then select Video Fill from the available options.

The selected object will become a Video Fill object.

Once you have created your Video Fill object, link the object to a video file. To do this, use the Video Source dropdown menu.

There are four options to choose from:

External Video URL

Local Video File, which is a video file stored within the project

YouTube Video File and

Vimeo Video File

Once you have chosen the Video source and linked it appropriately, you can then customize the Video Fill.

All of the Video Sources have options to

Loop the video

Auto Play the video

Mute the video

Show Video Controls

Set the default volume level and

Set the scroll speed of the video

If you are using either the External Video URL, or Local Video File as your Video Source, there are three additional options.

The first option lets you scale the video to either 'Scale to Fit', 'Scale to Fill'. 'Stretch' or use the video at its 'Original Size'. Choose the option that is most appropriate to your video.

The second option is to add a Thumbnail to your video. This is like having a cover image for the video that the user has to click on in order to view the video. Using a thumbnail image is also useful if your video is large and takes time to load on the page.

The last additional option is 'Pause other videos on play' which does exactly what it says. This is a useful option to check when you have more than one video on your page.

Using Video Fill is great for adding video to your pages and you can even set it as a background for objects such as the Responsive Row widget if you want to.