# Embedding Media in Classes

This page provides guidance on how to embed video, image, and mixed media content from public and open sources directly into Canvas. Embedding media can enhance student engagement, streamline access, and support diverse instructional strategies.

---

## **Embedding Video Content**

Most video platforms offer embed codes or direct integration with Canvas. For platform-specific instructions and media sources, see the Instructional Media from Public and Open Sources page.

### **Using the Rich Content Editor**

1. <div data-step-uuid="F8D059C0-FCF6-0138-F88D-12F2183ABDFB"><div data-step-uuid="F8D059C0-FCF6-0138-F88D-12F2183ABDFB"><div>[ ![Open Rich Content Editor](https://media.screensteps.com/image_assets/assets/009/467/869/medium/300afc38-f4cb-4f2b-8905-39cd4371e2e0.png) ](https://media.screensteps.com/image_assets/assets/009/467/869/original/300afc38-f4cb-4f2b-8905-39cd4371e2e0.png)</div><div><div></div></div></div></div>Open the Rich Content Editor using one of the Canvas features that support the Editor.
    
    **Note:** The Rich Content Editor supports keyboard shortcuts. To view the Keyboard Shortcuts menu, click the Keyboard icon or press **ALT+F8** (PC keyboard) or **Option+F8** (Mac keyboard).
    
    #### **Open Embed from Toolbar**
    
    <div data-step-uuid="F8D0A4F0-FCF6-0138-F890-12F2183ABDFB"><div data-step-uuid="F8D0A4F0-FCF6-0138-F890-12F2183ABDFB"><div>![Open Embed Tool from Toolbar](https://media.screensteps.com/image_assets/assets/008/793/343/original/b210349a-f579-4d7a-a8f9-b9b6ff1ee180.png)</div><div><div></div></div></div></div>To embed media from the toolbar, click the **Embed** icon \[1\].
    
    To view the Embed icon, you may have to click the **Options** icon \[2\].
    
    #### **Open Media Upload Tool from the Menubar**
    
    <div data-step-uuid="F8D0A4F0-FCF6-0138-F890-12F2183ABDFB"><div data-step-uuid="F8D0A4F0-FCF6-0138-F890-12F2183ABDFB"><div data-step-uuid="F8D0F080-FCF6-0138-F893-12F2183ABDFB"><div>![Open Media Upload Tool from Menubar](https://media.screensteps.com/image_assets/assets/003/853/739/original/42a6cdcf-4e8b-4cf7-8f33-cf7c7aee4ffd.png)</div><div><div></div></div></div></div></div>You can also embed media using the menubar in the Rich Content Editor. The menubar displays the title of Rich Content Editor tools and may be preferable for those using keyboard navigation.
    
    To embed media using the menubar, click the **Insert** menu \[1\] and select the **Embed** option \[2\].
    
    #### **Enter Embed Code**
    
    <div data-step-uuid="F8D12F10-FCF6-0138-F896-12F2183ABDFB"><div data-step-uuid="F8D12F10-FCF6-0138-F896-12F2183ABDFB"><div>![Enter Embed Code](https://media.screensteps.com/image_assets/assets/003/878/582/original/8804c70c-0cdb-4d06-92ef-94a72347fd07.png)</div><div><div></div></div></div></div>Paste the code in the **Embed Code** field \[1\]. Then click the **Submit** button \[2\].
    
    #### **Embed Media**
    
    <div data-step-uuid="F8D17CB0-FCF6-0138-F899-12F2183ABDFB"><div data-step-uuid="F8D17CB0-FCF6-0138-F899-12F2183ABDFB"><div>![Embed Media](https://media.screensteps.com/image_assets/assets/003/039/225/original/48e3eaa2-df83-4320-afbd-3c559ff7f8f8.png)</div><div><div></div></div></div></div>Click the **Submit** button.

See **[How do I embed media from an external source in the Rich Content Editor?](https://community.canvaslms.com/t5/Canvas-Basics-Guide/How-do-I-embed-media-from-an-external-source-in-the-Rich-Content/ta-p/618217)** from the Canvas Basics Guide.

### **Using the Apps Icon**

Use these integrated apps to embed or link content directly into your course without needing embed codes. To embed app content in the Rich Content Editor, click to place your cursor in the location in the Rich Content Editor where you want the app content to appear.

#### **Open Apps**

<div data-step-uuid="77bc4660-110d-4291-a23d-9ae2ec7b2d7d" id="bkmrk--0"><div data-step-uuid="77bc4660-110d-4291-a23d-9ae2ec7b2d7d"><div>![Open Apps](https://media.screensteps.com/image_assets/assets/003/853/151/original/00cff77a-df77-4574-9cb5-0fa853744e80.png)</div><div><div></div></div></div></div>You can view a list of external tools from the menubar. Click the **Tools** link \[1\]. Navigate to the **Apps** option \[2\], then select the **View All** option \[3\].

Alternatively, you can view your apps from the toolbar. In the toolbar, click the **App** icon \[4\].

**Note:** To view the App icon, you may have to click the **Options** icon \[5\].

#### **View Recently Used Apps**

<div data-step-uuid="77bc4660-110d-4291-a23d-9ae2ec7b2d7d" id="bkmrk--1"><div data-step-uuid="77bc4660-110d-4291-a23d-9ae2ec7b2d7d"><div data-step-uuid="527f7a31-d952-4965-805b-5b1583d25afd"><div>![View Recently Used Apps](https://media.screensteps.com/image_assets/assets/004/079/614/original/893092ad-e907-4d5b-8be6-e453a49c2ca9.png)</div><div><div></div></div></div></div></div>If you have previously used an external app from the Rich Content Editor, you can quickly open recently used apps.

To view recently used apps, click the **App** icon \[1\]. Then select the app you want to open \[2\].

To view all apps, click the **View All** link \[3\].

#### **Select the App**

These include:

- **Video Tools**: Kaltura, Vimeo, YouTube, Screencast-O-Matic, VoiceThread
- **Content Libraries**: Canvas Commons, FlatWorld, SAGE Vantage, Pearson, Macmillan Learning
- **File and Media Tools**: Dropbox, Google Apps, Microsoft Office 365
- **Design Tools**: Lucid, Cidi Labs Upload/Embed Image tool
- **Interactive Tools**: Nearpod, Wiley

Use the app to search for and select content to link to or embed. External app settings and options may vary by app.

See **[How do I select content from an external app in the Rich Content Editor? ](https://community.canvaslms.com/t5/Canvas-Basics-Guide/How-do-I-select-content-from-an-external-app-in-the-Rich-Content/ta-p/618219)** from the Canvas Basics Guide.

---

## **Embedding Images**

### **Using the Rich Content Editor**

1. Click the **Image icon** in the editor.
2. Choose **Upload Image** to select a file from your computer or **User Image** to select a file already uploaded to Canvas.
3. Add **alt text** for accessibility.
4. Resize or align as needed.

See **[How do I upload and embed an image in the Rich Content Editor?](https://community.canvaslms.com/t5/Canvas-Basics-Guide/How-do-I-upload-and-embed-an-image-in-the-Rich-Content-Editor/ta-p/618228)** from the Canvas Basics Guide.

See the **[WebAIM article on Alternative Text](https://webaim.org/techniques/alttext/)** for guidance on how to make alt text truly accessible.

---

## **Best Practices for Accessibility**

Ensuring media is accessible helps all students engage with course content effectively.

- Always include **captions** or **transcripts** for video content.
- Use **alt text** for all images. 
    - See **[How do I manage alt text and display options for images embedded in the Rich Content Editor?](https://community.canvaslms.com/t5/Canvas-Basics-Guide/How-do-I-manage-alt-text-and-display-options-for-images-embedded/ta-p/618226)** from the Canvas Basics Guide.
- Avoid autoplay features unless pedagogically necessary.
- Test embedded content on mobile and screen readers.

### **Accessibility Tools in Canvas**

- **Canvas Accessibility Checker**  
    Use the built-in Accessibility Checker in the Rich Content Editor to identify and fix common issues like missing alt text, low contrast, and heading structure.
    
    
    - See **[How do I use the Accessibility Checker in the Rich Content Editor?](https://community.canvaslms.com/t5/Canvas-Basics-Guide/How-do-I-use-the-Accessibility-Checker-in-the-Rich-Content/ta-p/618238)** from the Canvas Basics Guide.
- **UDOIT (Universal Design Online Content Inspection Tool)**  
    A-State has integrated UDOIT from Cidi Labs into Canvas. This tool scans entire courses for accessibility issues and provides actionable feedback to improve content.
    
    
    - **[Learn more at UDOIT by Cidi Labs](https://cidilabs.instructure.com/courses/6621?__hstc=221276231.0167e914efeb0a0f8c5b02d1d8ff6ef2.1751982884297.1751982884297.1755040301703.2&__hssc=221276231.1.1755040301703&__hsfp=1713868179)**

---

## **Request Assistance**

If you need help embedding media or selecting appropriate resources, contact your faculty support office:

### **Center for Excellence in Teaching and Learning (CETL)**

Email: **<CETL@AState.edu>**  
Phone: 870-972-2334  
Location: Dean B. Ellis Library, Suite 301

### **A-State Online Faculty Support**

Email: **<aos@astate.edu>**  
Phone: 870-680-8464  
Location: International Programs Building