From YouTube & Video Sites

Videos found on websites like YouTube often provide handy HTML snippets for sharing the video on your own page. There any many benefits to using a hosting site's code. For one, you don't have to worry about uploading or space concerns on your SOM site. As well, the code provided by YouTube and the most popular sites (Vimeo, etc.) will work on desktop computers as well as iOS and other mobile devices.

Before You Begin

Icon IdeaTip: Contact us at webhelp@med.unc.edu to to verify that the appropriate HTML tags for embedding have been allowed (<object>, <param> and <iframe>).

Upload Your Video

If the video you desire to show isn't already on YouTube or a similar site (that hosts the video and provides sharing code), you'll need to upload it yourself. This will require an account for the site of your choice, which you'll need to obtain for yourself or your organization (dept, program, lab, etc) if you don't already have one.

[top]

Embed the Code

Find and Copy

youtube-iframe-embed.jpg

Once your video is on the site (using YouTube as an example):

  1. Go to the video's page.
  2. Look for an Embed button/link that reveals the HTML snippet and click it.
  3. Copy the code that is provided.

Paste

This requires editing the HTML source on your page.  Once you are on the edit screen of your page:

  1. Click one of the following:
  • The "HTML" button on the visual editor's toolbar.
  • The "Edit without visual editor" link below the Body Text field.
  • Within the source code, paste the snippet where you want the video to be located.
  • Click "OK" or "Save".
  • [top]

    Save and Test

    You won't be able to see the end result until you save and view the page. From that point, you can see what adjustments, if any, you need to make to your code or page layout. If you want to experiment with a page that's currently published, you may want to check out a working copy of the page. If your video does not play at all, please contact the OIS Web Team at webhelp@med.unc.edu or call 966-3519 for assistance.

    [top]