How do I add a YouTube videos to my website?

Steps to Embed a YouTube Video on Your Website

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, then click on the default page.

2. Edit the Page Source:

   • In the editing tool, locate and click the “Source” button (typically on the left side of the toolbar). This will switch to the HTML editor.

3. Obtain the YouTube Embed Code:

   • Go to the desired video on YouTube.
   • Below the video, click on the “Share” button and select “Embed”.
   • Copy the provided HTML code from the Embed box.

4. Paste the Code:

   • Return to your website’s source editor.
   • Paste the copied HTML code into the source field where you want the video to appear.

5. Resize the Video (Optional):

   • To adjust the size of the embedded video, locate the width and height values in the code (e.g., width="425" and height="350").
   • Maintain the aspect ratio of the video to avoid distortion:
     • Multiply the width by 0.8235 to calculate the corresponding height.
     • Example: For a width of 500, the height should be 500×0.8235=411.75500×0.8235=411.75, rounded to 412.
   • Update both the width and height fields at the beginning and end of the embed code.

6. Save Your Changes:

   • Exit the Source view and save the changes to your page.
   • Preview the page to ensure the video displays and functions correctly.

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.