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

  1. In Vimeo, once video is uploaded, Click on the video so it goes to full screen view.

  2. Once in full screen view, on the right hand side, click Advanced.

  3. On the first tab, you can update Title, Description or Thumbnail.

  4. On the left-hand side, click Embed.

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

  6. Copy the embed code that populates. Please Note: You can make any size edits from this code by changing the width and height numbers. 

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

  8. Paste the copied code from YouTube into the HTML page where you would like the video to appear. 

  9. Navigate back to the Design page by selecting the Design button. You will see a preview of your embedded video. Save and close. 

Youtube

  1. View your video on YouTube, and select Share below the video. 

  2. A popup window will open with sharing options, select Embed

  3. Copy the embed code that populates. Please Note: You can make any size edits from this code by changing the width and height numbers. 

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

  5. Paste the copied code from YouTube into the HTML page where you would like the video to appear. 

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