Embed Video

Embedding videos on your website can add value, interest and engage your users on your website. Princeton Site Builder makes it easy to embed and share your videos from various social platforms. Individual videos can be embedded in pages and blocks. At this time, we do not support playlists.

How to embed video in the body of a page

This option allows you to embed a video in between paragraphs of texts on any page with a text editor. The process is similar to embedding an image. Adding and embedding videos this way will add them to your video media library and is limited to a few select video providers.

Embed a Video from YouTube

When viewing the video directly from the provider (like YouTube), Find the Share link on the video. It may have different icons, such as one of these examples:

Share on you tube — YouTube *Share* link

Click Copy the link that is shown, which may look like this:

Browse to the page on your site you plan to add the video to and click Edit

Place your cursor in the body area of content on your page where you plan to embed your video
Click media icon from your text editor

Click Embed tab

Paste link in box
Enter Name of video for your reference
Click Select
In the Embed Media Item modal window, select Display from one of the following, which controls the size of the video.

Content width (freeform)
Large (freeform)
Medium (freeform)
Small (freeform)
Click Embed
Click Save

Troubleshooting

If YouTube flags a video for containing copyrighted music, it may display a "Video unavailable" error when you try to embed it. The workaround is to edit the video in YouTube Studio. YouTube has a tool that may be able to isolate and remove a piece of music from an audio track.

Embed Video from Media Central

Retrieve oEmbed Share Link

When viewing the video from Media Central, find the Share button near the video title on the page:

Portion of a Media Central video page with the "share" button of a video near the title circled

In the dialog that appears, click the oEmbed share link in the list of icons:

Media Central share dialog with the button for oEmbed circled

Finally, copy the URL provided in the oEmbed link text box:

Note that the other settings on this page have no impact. You are not able to customize the player, max embed size, or start time of the video.

Embed Video on Your Site

Browse to the page on your site you plan to add the video to and click Edit

Place your cursor in the body area of content on your page where you plan to embed your video
Click media icon from your text editor

Click Embed tab

Paste the oEmbed link in box.
Enter Name of video for your reference
Click Select
In the Embed Media Item modal window, select Display from one of the following:

Content width (freeform)
Large (freeform)
Medium (freeform)
Small (freeform)
Click Embed
Click Save

Troubleshooting

If a Media Central video you're trying to embed is not appearing, a common cause is that the video is not associated with a public category in Media Central. Reach out to the broadcast center by emailing [email protected] for assistance on making the video public.

Embed Video from Vimeo

When viewing the video from Vimeo, find the Share link on the video.

Select and Copy the link provided by Vimeo. Example:

Browse to the page on your site you plan to add the video to and click Edit

Place your cursor in the body area of content on your page where you plan to embed your video
Click media icon from your text editor

Click Embed tab

Paste link in box.

At the bottom of the screen, enter Name of video for your reference.

Click Select
In the Embed Media Item modal window, select Display from one of the following:

Content width (freeform)
Large (freeform)
Medium (freeform)
Small (freeform)
Click Embed
Click Save

Troubleshooting

If a video page has a URL pattern that the Drupal media browser does not recognize (such as Vimeo Events pages), you may be able to find an alternate URL in the HTML source code of the Vimeo page. Look for <link rel="canonical" in the <head> tag of the source code. Alternatively, if sharing has been enabled for that video, try copying and pasting the sharing link.

How to embed video in a block

Another option for embedding a video is to add it as a block to page. Just as with embedding a video in the body of page, this is limited to videos from a few select providers (YouTube, Vimeo, and Media Central).

Browse to Page where you plan to add your video block
Click Layout
Add +Add Section
Select column layout
Click Add section
Click +Add block
Click + Create custom block
Click Video
Add Title and check display title if desired
Click Select button from Media and click Video URL tab and paste URL from YouTube or Vimeo
Select view mode
Click Add block
Click Save Layout

How to embed video as an iframe

The last option for embedding a video is embed it as an iframe, though it's a bit more involved and not all sources are supported.

Embed Video

How to embed video in the body of a page

Troubleshooting

Retrieve oEmbed Share Link

Embed Video on Your Site

Troubleshooting

Troubleshooting

How to embed video in a block

How to embed video as an iframe

Related Links