This feature requires an Advanced or Premium plan, or an Enterprise account with the Events feature enabled.
When you stream an event on Vimeo, you can embed the live player and viewer engagement tools onto your website, allowing your audience to watch and participate in your event directly on your site rather than only vimeo.com.
In this article:
- How to embed your event
- How to embed your event's engagement tools
- Hide your live viewer count
- Hide Live label on your events
- My website editor has a video widget, can I use that?
How to embed your event
- First, create your event from the library.
-
When you get to the Live Settings page, select the Event tab.
- Before grabbing the embed code, check the various settings here and on the Appearance tab and customize them as desired.
- 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).
- 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).
- Once you’ve configured your embedded player settings, select Video player embed; this will open a modal with the iframe code and the embedded player'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. When your stream is not active, the embedded player will display a message (e.g. "This event has not started yet.")
- When you start your stream, the player will automatically load. When you stop your stream, the player will indicate the event will be archived.
Note: If you want to learn more about the recommended network configuration, refer to this article.
How to embed your event's engagement tools
In addition to the live player, you can separately embed your event's engagement tools (chat, polls, Q&A) on your website. To do so:
- On the event settings page, select Engagement tools embed.
- A modal window will open. Choose between Responsive and Fixed size options.
- Click Copy code to copy the embed code and paste it into your website.
⚠️Note: An older version of the chat embed interface is still available by clicking ‘copy the old code.’ - You can also click Copy link to provide a link to a full webpage of the engagement tools to viewers or moderators. This is helpful if you want someone on your team to solely focus on managing and moderating chat, polls, and Q&A.
- The engagement tools embed will display a message unless a moderator enables an interactivity feature for that event.
Hide your live viewer count
In order to hide your live viewer count for your embedded live streams,
- Go to your event’s settings page.
- Select the Appearance tab.
- Scroll down to the Customization option.
- Select Hide Viewer Count.
This setting will disable the live viewer count for all future embedded live streams for that event.
Note: Each new live event will inherit the state of a similar toggle from the account settings. If this option changes in account settings, it won’t apply to existing live events.
If the state of the toggle changes for a specific recurring live event, then each new live stream will inherit this setup and this live event won’t respect the setting in account settings anymore.
Hide Live label on your events
While live-streaming your event, you can select to hide/display the Live label on the players of your live events.
In order to disable the Live label from your live streams, you can select “Hide Live label” from the Customization option on the Appearance tab on your event settings page.
Note: Broadcasters will have to disable the live label in order to hide it on their live events, as the live label appears on all live events by default.
Embed Customization
Here are the features of the Recurring Event:
- Show recurring schedule - a lower-left corner overlay that displays the next time the event will be live.
- Show event schedule - Choose whether or not to display the date and time of the upcoming event along with the default "This event has not started yet" message within the player.
- Show the latest video when off-air - Instead of displaying the next start date, the player will show a thumbnail and play button for the last stream on this event.
- Show playlist - an upper-right corner overlay that allows for navigating between all videos on this event. When enabled, this will override displaying the event title.
- Autoplay - when watching a video in the playlist, the following video will start playing as soon as the current video ends.
- Loop playlist - when the last video in the playlist ends, the first video in the playlist will automatically begin.
- Play bar - display the play bar, which shows the elapsed time of the event. Some other elements cannot be displayed if this is disabled.
- Volume control - allows the viewer to adjust player volume (requires play bar).
- Fullscreen button - allows viewers to watch in fullscreen mode.
- Your details (Portrait, Title, Byline, Let users decide) - This information is pulled from your Vimeo account and can overlay the upper left corner. Title only; when enabled, this will override displaying the playlist.
- Customization (Customize color, Show Vimeo logo, Display Custom logo) - Displaying any logo requires the play bar to be enabled. Custom logos can be hidden during live playback and linked to a website.
⚠️Note: Customizable contact forms and all end screens are available to all archived events
My website editor has a video widget, can I use that?
Some website hosting services such as WordPress or Church Online includes tools and plugins to help simplify adding content to your website, such as a video widget that allows you to paste the URL of your video or event and automatically embeds it in the body of your site.
This currently cannot be done for recurring live events. If you need to embed your recurring live event, we recommend using an HTML block and pasting the iframe code from your recurring event as described above.