# Video (updated)

# 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.

img

This will open the Choose Content window.

img

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.

img

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 Video

# Video URL

You can enter the Video URL directly in this field or you can use the "pencil" icon after clicking the video elements "cog" icon to edit the Source and Video Id individually.

img

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

  • Video Id (updated)
    This field can be used for the the Video ID only where you will only need to enter the video's specific ID and not its entire URL. Optionally, you can leave the Source field blank and enter the full video URL into this field.

# Width

This is the width of the video being displayed only.

# Height

This is the height of the video being displayed only.

# Show in popup (new)

This toggles the video display from being inline on the website page to being able to be displayed as a pop-up for the website in general.

# Live Streaming Support (advanced)

# 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: 7/2/2020, 1:55:43 PM