Embedding a Vimeo video in a web page consists of two basic steps:
- Locate the video on Vimeo and use Share functionality to get a URL or embed code for the video.
- Upload the video to Drupal and embed it in a page.
Locate the video and its URL or embed code
Head to vimeo.com and find the video you want to embed. PSU's official Vimeo channel is at vimeo.com/channels/portlandstate, but you can use a video from another channel as long as you have rights to the material.
Click the Share icon (paper airplane). Copy the URL from the Link field. Alternatively, click the + Show options link next to the Embed field and make configuration selections before coping the embed code.
Upload and embed the video
If you haven't already logged in to your Drupal site, do so now. Locate the page you want to embed the video into and click the Edit tab.
Place the cursor in the page body where you want the video to appear and click the Add media button.
When the overlay screen appears, click the Web tab and paste the URL or embed code you copied from Vimeo into the URL or Embed Code field. *Note: The URL should be in this format: http://vimeo.com/[filenumber]. As in, http://vimeo.com/30461166. Any other version will produce an error message.
Click the Submit button. A virtual copy of the video uploads to your site's file library and the video is embedded in the page where the cursor was.
Save the page.