Embed Images and Videos

The process for uploading images may be different depending on the type of page or element you are working in. In some cases you will create a media file and add it to the page. In other cases, you will upload an image directly.

Select Existing Media File

While working on a page, place the cursor where you want your image to appear. In the editor toolbar, click the media icon:

Thumbnail

This will open a window displaying the most recent images uploaded. Editors can insert keywords into the Media name text box and click Apply to search for images. To use one of the items found in the search

Type in name in search and choose Apply
  • Click once to select it. This will overlay a checkmark on the image. Next, click the Select media button below the displayed images.
Select Media

 

  • In the next window, leave Image style and Link image to as their default options. Add descriptive Alternate Text. Change Align to the option that best fits your content. This will align the image to the left, center, or right of any text near it. Add an optional Caption.
  • Click Embed to add the image to your page.
Embed the Image

Add New Image to Media File

  • Click the Add images tab at the top of the widow

    Thumbnail

  • Click Select files to navigate your computer for the desired image. (Alternatively, drag and drop functionality works and the image can be dragged from your computer to the box in the Media module.)
Choose File
  • Once an image is uploaded, the window will display Media name and Alternative text fields.
  • Input a name for the image in the Media name field. This will be the name that displays as others search for images within the Media module. You want it to be descriptive enough that when searching for keywords, the item will be found
  • Input a description in the Alternative text field. This is the text that will be used by search engines and screen readers to describe the image when it cannot be viewed.
  • Click Save Image once all fields are filled
Add name and alt text

Embed Video

Videos must be closed captioned before being added to a webpage. You can start with the autogenerated captions provided by YouTube, but then must edit them to ensure accuracy in word choice, spelling, and punctuation.

Learn more about video accessibility

Video files should not be uploaded directly in the the Web CMS. They should be uploaded to YouTube or a similar platform and shared from there. Here's how to then embed the video on your web page:

  • In YouTube, click Share option on video you want to embed on web page. Copy URL. 
  • In Web CMS, on a basic or modular page, open Content Text Editor and place cursor where video is to be embedded. (Delete existing video by selecting it and clicking keyboard Delete button.) 
  • In text-editing toolbar, click Video Embed icon:

Video embed icon

  • Paste video link in Video URL field and click Save.