Embedding Videos
Table of Contents
Overview
Clients utilizing a Clubessential website can embed videos from Vimeo or Youtube.
Required Permissions
Admin
Editor
Embedding Video
Videos hosted through YouTube and Vimeo can be embedded on the website. Follow the steps below to embed video from each hosting platform.
Vimeo
In Vimeo, once video is uploaded, Click on the video so it goes to full screen view.
Once in full screen view, on the right hand side, click Advanced.
On the first tab, you can update Title, Description or Thumbnail.
On the left-hand side, click Embed.
From this view, you can adjust your embed settings. Our recommendations are to toggle on Playbar, Volume and Fullscreen while leaving the other settings toggled off.
Copy the embed code that populates. Please Note: You can make any size edits from this code by changing the width and height numbers.
Return to your site and access the page where you would like to embed the video. Select the editable section by clicking the Click to Edit button. Within the editor, click the HTML button at the bottom of the editor.
Paste the copied code from YouTube into the HTML page where you would like the video to appear.
Navigate back to the Design page by selecting the Design button. You will see a preview of your embedded video. Save and close.
Youtube
View your video on YouTube, and select Share below the video.
A popup window will open with sharing options, select Embed.
Copy the embed code that populates. Please Note: You can make any size edits from this code by changing the width and height numbers.
Return to your site and access the page where you would like to embed the video. Select the editable section by clicking the Click to Edit button. Within the editor, click the HTML button at the bottom of the editor.
Paste the copied code from YouTube into the HTML page where you would like the video to appear.
Navigate back to the Design page by selecting the Design button. You will see a preview of your embedded video. Save and close.
Best Practices
FAQs