Vimeo Video Instructions

Note: All videos must be uploaded to a video hosting location like YouTube or Vimeo.

Embed a Vimeo Video on a Webpage

  1. Place your cursor where you want to insert the Vimeo video.
  2. Click on the Iframe Embed icon the right-hand side of the editing bar.
the iframe embed icon highlighted in the Drupal editor toolbar

That will bring up the Iframe Embed pop-up box.

screenshot of the iframe embed pop-up box with the fields URL, Name, Width, Height, and Advisory Title
  1. In the Advisory Title field, enter a description of the video. 
    • People using screen readers will likely be able to access this description to get an understanding of the information provided in the video.
    • Include the word "video" in your description because screen readers will not be able to detect the type of content that is contained in the iframe. 
    • Example: "Video without audio showing UO students engaged in various activities such as hiking, kayaking, studying, singing, participating in sports, traveling, talking with other students, and celebrating commencement."
    • Read the UO Digital Content Accessibility documentation to learn more about making videos accessible, including providing captions and transcripts.
  2. Go to the Vimeo video and click on the "Share" button below the video.
Screenshot of UO Vimeo video and share button
  1. In the "Share this video" box that opens, you will have Link, Email, and Embed options.
    • Click on Embed. A line of HTML code that begins with <iframe will be provided.
  2. Copy the URL for the video starting with https:// up to the &. The end of the URL will include a string of numbers, or two strings of numbers separated by ?h=, like this: 356236997?h=1c4109c88d.
    • If Vimeo won't allow you to select only this portion of the embed code, go ahead and copy the entire embed code. Temporarily paste it into the webpage where you are going to be embedding the video, copy the URL from there, and then delete the embed code from the page.
An example of the Vimeo "Share this video" options with the relevant portion of the URL underlined in red
  1. Paste the copied URL into the URL field in the Iframe Embed box.
screenshot of the iframe embed pop-up box with the fields URL, Name, Width, Height, and Advisory Title
  1. If the video will be a looping banner video without audio that plays automatically, which is common at the top of marketing pages on our sites, add ?badge=0&amp;background=1 to the end of the video URL.
  2. Continue to the "Make Videos Responsive" instructions to finish embedding your video.