menu
William and Mary
search

Embedding YouTube Videos

To place a YouTube video in the main region of a page or a story instead of a right-column "YouTube Widget" follow these simple steps.

Use the share link in YouTube to get your video id

Step 1: Get the YouTube Video Id
  • Browse to the video in YouTube 
  • Click on "Share"
  • In the provided link, highlight and copy the short string of letters and symbols that follow "http://www.youtu.be/"
Step 2: Choose a video player size - "small," "medium" or "large"

small:  same size as the YouTube Widget
medium: just fits in the page content area when the right column is displayed
large: just fits in the page content area when the right column is not displayed

Step 3: Edit the page where you want to add the video

Within the page content there are 4 video placement options.

Left-aligned, text does not wrap around the video- Type the following directly in the Cascade content editor, substituting "size" with your choice from step 2 and "video-id" with the string of characters from step 1:

{{youtube:size|video-id, video caption}}

Centered, text does not wrap around the video- Type the following directly in the Cascade content editor, substituting "size" with your choice from step 2 and "video-id" with the string of characters from step 1:

{{youtube:size:center|video-id, video caption}}

Left-aligned, text wraps around the video- Type the following directly in the Cascade content editor, substituting "size" with your choice from step 2 and "video-id" with the string of characters from step 1:

{{youtube:size:left|video-id, video caption}}

Right-aligned, text  wraps around the video- Type the following directly in the Cascade content editor, substituting "size" with your choice from step 2 and "video-id" with the string of characters from step 1:

{{youtube:size:right|video-id, video caption}}

The vertical bar you see in front of video-id is often called a "pipe" and is located above the enter key on most keyboards. On some keyboards it looks like 2 vertical dashes.