Set a cover video in the Canvas Course Template Welcome presentation

Updated on Jul 07, 2024

This advanced tutorial covers how to upload a video file to your course media and then use HTML code to put that video in place of the still image of TC in your course's Welcome presentation.

Useful shortcuts for this tutorial:

Ctrl+C/Cmd+C to Copy; Ctrl+V/Cmd+V to Paste; Ctrl+Click/Cmd+Click to Open link in new tab.

Part I: Uploading your video

1. Find a short video clip you want to use, and save it somewhere accessible on your computer

Ideally, the video should be under 15 seconds. If the video is too long, or if the file is too large, Canvas may struggle to upload or play it.

3. Navigate to the folder where you want to place your video file.

It is recommended, to stay organized, you add the file to the "Uploaded Media" folder.

4. Click on your file and drag to add your video to the folder.

Option a. Drag and drop your video file from your computer's File Explorer/Finder into the Canvas folder

Option b. In Canvas, click the blue "Upload" button at the top right, then select your file in File Explorer/Finder

Part II: Adding your video over the still image in the Welcome presentation

1. Navigate to your homepage.

It is strongly recommended you open your homepage in a new tab, so you can easily access your Files later in this process. Ideally, you will have tabs for both your Homepage and Files open simultaneously.

Ctrl+Click/Cmd+Click the Home link in the left side navigation to open it in a new tab

2. On the home page, click the Edit button.

Home Page: Template Form Test - [Brennan] - Google Chrome

3. Open the HTML editor.

4. Find the following code (Ctrl+F /Cmd+F recommended, keyboard shortcuts work better in Raw HTML Editor)

5. After the code you located in Step 4, press Enter/Return to create space to paste the following code:

6. Return to your Files and locate the video you uploaded

7. Hover over the video and right-click/Ctrl+click, select Copy Link Address

8. Return to your Homepage and HTML editor.

9. Find [ThisWillChange] in the code you pasted for Step 5.

10. Highlight [ThisWillChange] and paste the Link Address you copied from your video file.

Make sure there are no spaces left between your Link Address and the quotation marks.

11. Save your work.

Previous Article Replace a faculty picture in the Canvas Template

Next Article Upload a course introduction video on the Home Page with the Canvas template

TC Technology Knowledge Base