# Video

# Basic Content - Video

Drag and drop the More Column Content element from the Website Editor Sidebar into the column space where you want to add the Video element.


This will open the Choose Content window.


Clicking the Video element will now drop it into the column space you selected. The element will start with a default video that should be modified to fit your auction event website page accordingly.


When the Video element is highlighted it will also be seen in the "Selected Elements" section of the Website Editor Sidebar. Clicking on "Video" in the "Selected Elements" section will open up its settings.

# Edit Image

# Source

This is the Source of the video. Currently only the YouTube and Vimeo source sites are supported.

# Video Id

This is the Video ID only. You only need to enter the video's specific ID and not its entire URL.

# Width

This is the width of the video being displayed only.

# Height

This is the height of the video being displayed only.

# Live Streaming Support

# YouTube

For YouTube Live, all you really need to do is get the "live" video feed ID and insert it as the Video ID reference for the YouTube source.

# Vimeo

For Vimeo Livestream, it will be a bit more involved as the "feed" is not coming from from Vimeo directly and the Video element cannot use the Livestream references.

In this case, if you want to embed a Vimeo Livestream feed, you will not be using the Video element. You will need to use the HTML element and a generated <iframe/> code for the video. Instructions on where to get this can be found at How Do I Embed My Event? on the Livestream help site.

Although you cannot set some parameters when generating the iframe code, a small modification is recommended in most cases to the "width" property that is used. For example,

<iframe id="ls_embed_ID" src="https://livestream.com/path-to-event/player?..." width="960" height="540" frameborder="0" scrolling="no" allowfullscreen></iframe>

...will display better as:

<iframe id="ls_embed_ID" src="https://livestream.com/path-to-event/player?..." width="auto" height="540" frameborder="0" scrolling="no" allowfullscreen></iframe>

...note the change to the "width" property to read "auto".

Also see Common Element Actions for more details on managing the Video element.

Last Updated: 4/27/2020, 4:08:42 PM