Videos are fun. Whether you are sharing it from YouTube, Vimeo, or any other video-hosting website, videos are ideally placed in web parts separate from the main content area.

Step 1:

Go to the site where your video is located, in this example we will be using YouTube but the steps are essentially the same for other video-hosting sites. Under the video, find the "Share" button.

Screenshot Embed YouTube Video 

Step 2:

Under Share, select "Embed" and then change the custom size so that the first number is 220 (if you are using a left or right sidebar web part) or 456 (if you are using a main zone web part). The height of the video should automatically scale itself down. Unselect "Show suggested videos when the video finishes."

Step 3:

Copy the code displayed in the dialogue box.

Step 4:

Go back to the page where you want to add the video web part. In editing mode, select Add a Web Part > Forms > HTML Form Web Part, click Add. Once your web part has appeared, from the drop down menu select "Edit Web Part.

Screenshot Add a Form Web Part 

Step 5:

Select "Source Editor..." A pop-up window should open. Delete all the existing code and Paste the code from YouTube to replace everything. Click Save to close the pop-up.

Screenshot Web Part Source Editor 

Step 6:

Now you just need to configure how your web part looks. If you would like a title to appear for your video, change the default "HTML Form Web Part" to something you like. If you do not need a title, change the Chrome Type to "None." Make sure to set the width to either 220px or 456px depending on where your web part is. Click OK and you're done!



 In This Section


 Gangnam Style