How to add YouTube videos to your website

Public Website
Follow these steps to embed a YouTube video into your website using the Content Management System (CMS):
1. Access the Members Area
  • Log in to the Members Area of your website.
  • Navigate to the Content Management section.
  • Select the page where you want the video to appear, and click on the default page to begin editing.
2. Open the HTML Source Editor
  • Within the page editor, click the “Source” button on the toolbar. This will open the HTML source view of the page.
3. Obtain the YouTube Embed Code
  • Visit the YouTube video you wish to embed.
  • Click the “Share” button beneath the video.
  • Select “Embed” and copy the HTML code provided in the box.
4. Insert the Embed Code
  • Return to your website’s source editor.
  • Paste the copied YouTube embed code into the HTML field where you want the video to appear.
5. Adjust the Video Size (Optional)
  • To resize the video, locate the width and height values in the embed code (e.g., width="560" and height="315").
  • To maintain proper aspect ratio and prevent distortion, multiply the width by 0.8235 to calculate the appropriate height.
    • Example: If width="500", then height should be 500 × 0.8235 = 412.
  • Update both the width and height values in the embed code accordingly.
6. Save and Preview
  • Exit the source view and save your changes.
  • Preview the page to confirm the video is displayed and functioning as expected.



  1. Example Embed Code (with Resizing)

    Here’s how the embed code might look after resizing:

    html
    Copy code
    <iframe width="500" height="412" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

    Replace VIDEO_ID with the actual ID from the YouTube video URL (e.g., for https://www.youtube.com/watch?v=abc123, the ID is abc123).

    Following these steps ensures your embedded video integrates seamlessly into your site while maintaining proper formatting and functionality.


Article ID: 11, , Modified: 9/3/2025 at 10:47 AM

Was this article helpful?

Share this article
Bluesky
Facebook
Threads
X / Twitter
Other Social Networks
Print