Transcript

Welcome! In this video, I am going to show you how to embed your YouTube video into your web page, which you will then post to your GMD311 folder on your CWP website. You will be following these same steps each week to add your weekly videos to your GMD311 video web page and then your Final Course Project Video. All of the videos you create for this class will be posted on this web page.

First log into your YouTube account and click on the My Channel link in the menu on the left.

Next, click on the Word Videos.

You will see a list of your videos, with your new video in the top left area. Now click on it.

In the new window that opens, click the Stop button in the control area below the video.

Scroll down if needed, and click on the Share link.

Now click on the Embed link.

The embed code should be highlighted. If it is not, you need to select it. Place your mouse point on top of the highlighted code, right-click your mouse, select copy, and left-click. You have copied the code that we will use to embed the video into your web page.

Now please open your preferred program for creating web pages—Notepad, Dreamweaver, or another program. I will be using Dreamweaver in the code view. You will type the following code:
<!doctype html>

<html>

<head>

<title>GMD311 Video Page</title>

</head>

<body>

<div align="center"> <h1>GMD311 Video Web Page</h1><p />

THE ABOVE LINES OF CODE ARE PASTED FROM THE CODE YOU CODED FROM YOUTUBE -- IT’S THE CODE TO YOUR VIDEO.

</div>

</body>

</html>

Example

All you have to do each week to add another video to the page is copy the code from YouTube for your new video. Then paste it at the end of the previous lines of code. Save the file and upload your new page to your GMD311 folder to replace the previous version. See the examples below.
Example:

<!doctype html>