YouTube & Vimeo Videos

Drupal supports embedding media from YouTube and Vimeo.

In a browser tab, navigate to the YouTube or Vimeo video.
Select the URL of the page from the browser's address bar and copy the URL.

Note: some videos are set to private and are unavailable for embedding. Please consult with the video's owner to adjust the video's privacy settings.

Screen capture from YouTube and Safari indicating the location of the address bar. — Screen capture from YouTube. Note the location of the URL in the browser's address bar.

In a browser tab, navigate to your Drupal website's admin panel.

Mouseover Content, then Media, then Add Media, then Video.
Click Video

Screen capture of Drupal's administrative panel indicating the location of the "Add Video" link.

On the Add Video page:

Type in the name of the video in the Name field.
Ensure Show in media library is checked.
Paste the URL of the YouTube or Vimeo video into the Video URL field.
Click Save

Embedding YouTube Videos - Step 3 — Screen capture of Drupal's Add Video page.

Navigate to the Basic (or Landing) page where you want to embed a video. Once there:

Scroll to the Body field area and click on the Embed icon. It looks like an uppercase E.

Embedding YouTube Videos - Step 4 — Screen capture showing the location of the E (Embed) icon in a Body field.

After clicking the Embed icon, a modal window will appear.

Now, you will select a media item to embed. Media items in this window are displayed by date added, so recently added videos should be toward the beginning of the list.
Alternately, you can use the Keywords search field to find a specific video in the library.
Once you find the media item, click on it.
Click Place to add the image to the body field.

Note: depending on screen sizing, you may have to scroll within the Embed modal window to see more media items and the Place button.

Screen capture showing how to select and place an image from the Drupal media library.

After placing an image, you'll see the Embed media item alignment and caption page.
Select your preferred alignment and caption, if desired.

Note: Generally, we recommend that videos have "None" as alignment.

Screen capture of alignment and caption options for an Embed media item.

After clicking Embed, the modal window will disappear, and the video will appear in the Body field.
You can make other changes in the Body field, including embedding multiple videos, images, and as much text as you need.
When you've finished adding or editing content, scroll to the bottom of the page and click Save.

Note: Sometimes the video won't appear in the Body field, as seen in the screenshot. This is due to YouTube settings for embedded videos in a WYSIWYG editor. Please ignore this error message.

Screen capture displaying how an embedded video appears in a Body field.

You've successfully added a video to your Drupal site.

You can modify existing videos using these techniques.
You can also embed multiple videos in a single Body field.

Screen capture of a working embedded YouTube video.