Whether you are streaming a one-time event or a recurring event, you can embed the live player and viewer chat onto your website. The embed is an iframe code, which most website hosting services support.
First, create your event from the video manager. When you get to the Live Settings page, select the Embed tab.
Before grabbing the embed code, check the various settings here and customize them as desired. Note that at this time, there are some differences in the options available between one-time events and recurring events.
To the right of the embed customization settings is a preview of what your embedded player will look like. Below the preview is the ability to add a custom thumbnail, adjust your event's start time, and show your event's schedule (overlay in the lower-left corner). Note that, aside from the thumbnail and the start time, the settings on this page only impact the embedded player.
Once you’ve configured your embedded player settings, click Event embed code; this will open a modal with the iframe code and the embed’s size settings. Choose between Responsive, where it will adjust based on the container size, or Fixed, where you can input the height and width in pixels. You can then copy the iframe code to your clipboard and paste it into your website’s HTML editor.
The player will appear on your site. If you wish to include your event’s chat on your website in addition to the player, click Chat embed code on the embed settings page to copy the code and paste it into your website. In this example, the embedded chat is below the embedded player.
When your stream is not active, the embedded player will display a message (e.g. “This event has not started yet.”) The embedded chat will be active as soon as you enable it on the Live Settings page, allowing your viewers to start chatting. When you start your stream, the player will automatically load.
When you stop your stream, the player will indicate the event will be archived and the chat embed will indicate that it is offline.