Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

Embed a YouTube or internet video

SharePoint 2010 Web Part Concepts


Embed a YouTube Video

You can easily embed videos from other websites into a web page. Please make sure you obtain the appropriate permission or copyright.
The university has channels on youtube.com, and viddler.com. There are also some university videos on vimeo.com. To upload video to these channels, contact Integrated University Communications.
CU Online also provides video services for academic purposes.
To use a video from youtube.com or a similar website, you must configure and copy the EMBED code for the video and paste it into a Form Web Part on the desired page.

Obtain the Embed Code
  1. Open youtube.com or a similar site and find the video you would like to use.
  2. Underneath the video (or close to it) there should be an Embed button.
    embeds
  3. Click on the Embed button.
  4. You should see a textbox that contains iframe or embed code.
  5. You can select a size for your video:

    Page Layout Maximum Width for Video
    Two columns 670px
    Three columns 440px
    Side column 200px


    youtube
  6. Copy the embed code and minimize the window.
Insert the Embed Code in to Your Web Page
  1. Navigate to the page where you would like to insert a Form Web Part to hold your video.
  2. Select Edit Page under the Site Actions menu.
    edit page 
  3. To insert a web part, choose Add a Web Part from one of the web part zones on the page, or place your cursor in a content area.
    add a web part
  4. Select the Insert tab in the ribbon, select the Web Part button.
    insert tab
  5. The Web Part Gallery will open underneath the ribbon. The web part gallery shows the categories, web parts, and a description of the selected web part.
    gallery
  6. Choose the Forms category and the Form Web Part. Click Add.
  7. Once the Form Web Part is placed on your page, click the Click Here to Add New Content link.
    CEWP
  8. Edit the Web part using the drop arrow on the right side of its title bar.
  9. The web part menu will reload in the top right of the screen, you may need to scroll up to see it.
  10. Click HTML Source button on the web part menu.
  11. Paste the copied embed code into the HTML Source window.

    source
  12. Click OK on the HTML Source window.
  13. Use the web part Edit menu to edit the dimensions and title of the web part. Hover your mouse over the title of the web part Form Web Part. Select the drop down arrow to the right side of this title. Choose Edit Web Part.
    add a web part
  14. In the Edit Web Part window located in the upper right of your screen, use the Appearance section to adjust the title and dimensions of the web part.
    full edit menu
  15. Select OK to apply changes.
  16. When you are done making adjustments, Check In, Save and Close, or Publish your page.
  17. You should see your video embedded in your page.

    video in place
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.