How To Embed a YouTube Video on Your Site

Content is King. Ahh, the age-old adage about what matters on the web. But does content just have to be words? Of course not! Spice up your web pages with video to make a lasting impression on your site's visitors.

This tutorial will guide you through the steps you'll need to embed a YouTube video on your website using the Evergreen Content Management System.

1. Find the Video

You'll need to locate the video you'd like to feature on your website, whether it's one you've uploaded yourself to YouTube or one from a stranger. Don't worry about stepping on anyone's toes here, if users don't want their video to be featured on other's websites, they will have disabled this feature when they uploaded it to YouTube. To disallow others from embedding videos that you've uploaded, follow these simple steps from Google.

2. Find the Embed Code

Now you'll need to find the embed code that will allow you to host this video on your site. Unless the uploader has disabled this feature, you'll find it below the video description off to the top-right.



Highlight all the code in this field. If you miss some, your video will not work on your site. You can also customize your player using the options below it. Just make sure to copy the final version of the embed code once you're finished choosing your options.

3. Embed the Video

Now that you've copied the embed code to your clipboard, you'll want to paste it onto your webpage through the Evergreen Content Management System. For now, create a brand new page. This way you won't have to worry about where within the HTML you'll need to paste your embed code.

After you've assigned this page all of its required properties, return to the WYSIWYG and click the HTML button (). Drop your cursor somewhere in this box and click Ctrl+V to paste your embed code. It should look something like this:



Finally, click Apply > Ok and Save your new page. Open the page in your browser and voila! Your video should be right there waiting to be enjoyed by the masses!

Embedding your video on a page with preexisting content can be a little more tricky only because you'll need to establish a general sense of where the code will need to be pasted in relation to the rest of the HTML. Play around, and make good use of the Undo button. Before long you should be fairly comfortable with at least navigating through the HTML of your page.

Good luck and have fun putting the social web to work for you!