Adding a Video

Before you start

All videos on the Miami University website must be closed captioned in order to be ADA compliant. For more information about video captioning visit You can use the software of your choice to add captions. We recommend using YouTube or Amara. A video can be added to your web page in different ways. You can add the video to the page to display at the bottom of the page content, or you can embed the video within the page content or in a widget. We recommend that your video is uploaded from YouTube, as this is the easiest method. Instructions for using YouTube can be found at You cannot use videos in .swf format.

Display video at the bottom of the page content

Copy YouTube ID. You will find the YouTube ID in the web address when you open a YouTube video. In this example URL,, the bold text indicates the ID. Type the YouTube Video ID under Misc. Items at the bottom of the Edit page.  The video will display on your page at the bottom of the page content using the full column width.

Screenshot of the Add YouTube Video ID in the Miscellaneous Items box

Embed video within the page or widget content

Step 1: Copy the embed code from YouTube. You can use this embed code in the HTML of the page or a widget to embed the video and control the size of the video.

screenshot showing a typical iframe embed code as it is displayed on YouTube. In addition to the textbox containing the HTML code to be copied, there is a drop-down menu to allow the user to choose a video size.

Step 2: Add Embed Code to Cascade Server CMS

Paste the embed code from YouTube in the HTML of your page. Note: You will need to change the source statement from a relative link to an absolute link. To do this, add http: to the beginning of the URL; e.g., change src="//" to src="".

Screenshot of the HTML Edit screen in Cascade, where the user pastes the previously copied (from YouTube) embed code for the video.


If you get the following error after you submit you page, then you need to correct the code by adding http: to the link, as described in Step 2 above.

screenshot of an embedding error message: HTTP Status 404 (your video url). Type: Status Report. Message: Your video URL. Description: The requested resources (your video url) is not available.


This video is embedded within the page content:

When you embed a video in the page, you can continue with additional text in the page content. Sample Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor et orci et euismod. Cras fermentum magna sed lacus sodales imperdiet. Aenean tincidunt, nulla eu auctor gravida, velit urna euismod magna, at lobortis ipsum justo non ante. Quisque luctus tortor a fringilla auctor. In semper lorem risus, nec tempus leo pulvinar ac. Maecenas lobortis ante vel odio viverra, sit amet blandit risus accumsan. Cras eget nisl feugiat, facilisis erat in, euismod elit. Phasellus non quam purus. Mauris convallis volutpat felis, sit amet facilisis urna dictum id. Cras vulputate accumsan nulla quis luctus. Nullam ac fermentum erat, nec commodo justo.

Curabitur gravida non risus nec tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris blandit porta diam sed tempor. Suspendisse in lorem non enim auctor imperdiet. Donec blandit dolor tortor, sit amet faucibus tellus ultricies eu. Nam blandit sapien in enim faucibus adipiscing. Morbi bibendum massa sed dui tincidunt, quis blandit augue viverra. Etiam cursus mauris diam, sit amet facilisis nunc semper nec. Aenean quam quam, aliquam quis velit eu, congue lobortis mi.

The video below was added under the page content using the YouTube ID as entered into the Misc Items box at the bottom of the edit screen.

Rich Text Widget with Embedded Video

Watch this video for a quick demonstration of cropping and resizing images using Pixlr.

SPIF Bank with Embedded Videos

  • Watch and listen as a student interviewer chats with members of Miam's leadership team to better understand the "I am Miami" initiative and the inclusive culture at Miami University.

  • The You Can Play project seeks to challenge the culture of locker rooms and spectator areas by focusing only on an athlete's skills, work ethic, and competitive spirit, without regard to sexual orientation.

Accessibility should be a priority when designing your web pages. Gain an appreciation of web accessibility by understanding the user perspective. This 5-minute video (made in 2012) highlights the importance of using closed captions in videos.