SharePoint 2010 - Advanced

How to Embed a YouTube or internet video

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 Life @ UT Southwestern. To upload video to these channels, contact Internal Communications - Web Services.
Medical Television Center also provides video and animation 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 Content Editor 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 Share button.
    embeds
  3. Click on the Share button.
  4. You will then see an Embed button. Click on the Embed button.
  5. You should see a textbox that contains iframe or embed code.
  6. You can select a size for your video:

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


    youtube
  7. 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 Content Editor 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
  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 Media and Content category and the Content Editor Web Part. Click Add.
    media and content
  7. Once the Content Editor Web Part is placed on your page, click the Click Here to Add New Content link.
    CEWP
  8. Select the HTML button from the Editing Tools on the ribbon.
    HTML source button
  9. Select Edit HTML Source from the drop down menu of the HTML button.
    source
  10. Paste the copied embed code into the HTML Source window.

    editing tools
  11. Click OK on the HTML Source window.
  12. 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 Content Editor Web Part. Select the drop down arrow to the right side of this title. Choose Edit Web Part.
    edit menu
  13. 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
  14. Select OK to apply changes.
  15. When you are done making adjustments, Check In, Save and Close, or Publish your page.
  16. You should see your video embedded in your page.

    video in place