Add a Welcome Video to Canvas


Simple Syllabus

**Preferred and ONLY public option**

Post a link in their syllabus. The video will be available to public during shopping period. 

Direct teaching staff to FEAA.
DCE_AcademicAffairs@fas.harvard.edu



Canvas Modules

If the Canvas site already uses modules, create a module called Welcome Video and add the welcome video link as a module item. 

See ITG’s Modules Guide for Creating Modules & Adding Content To Modules/ Modules Items.



Canvas Pages

Canvas Syllabus pages can no longer be used for welcome video embeds.
If the Canvas site already uses a custom homepage, you can embed the video to that page.
To embed the welcome video to a Canvas page requires going into the HTML code.

  1. Ask the teaching staff for the name of the page and page URL where they want the video to be embedded.

  2. Click the Edit button.

  3. Navigate to the HTML Editor by scrolling down and clicking on the < / > icon. 

  1. Go to the bottom of the page (or wherever the teaching staff requested it to be on the page).
    Hit enter  on your keyboard to create a space to insert code. 

  1. Copy the embed code (below) and paste it in.
    Remember you need to swap out the Matterhorn link (in yellow).

  2. Save the edit by clicking the "Save" button.


If the teaching staff does not have a Canvas customized homepage page and would like one, please fill out ITG Canvas course site request form and be sure to include the welcome video link.


Embed Code

<table class="ic-Table" style="width: 100%; margin-left: auto; margin-right: auto;">

    <thead>

        <tr>

            <th class="content-box pad-box-micro border border-b border-t" style="background-color: whitesmoke;" scope="row">

                <h2 style="text-align: center;"><i class="icon-rubric-dark"></i>&nbsp;Welcome Video</h2>

            </th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <td>

                <p><iframe style="width: 100%; height: 500px;" title="Welcome Video" src="https://matterhorn.dce.harvard.edu/engage/player/watch.html?id=9b7b3a28-e915-4934-a613-21700d72d1d5" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"></iframe>&nbsp;</p>

            </td>

        </tr>

    </tbody>

    <thead>

        <tr>

            <th scope="col">

                <p style="clear: both; float: right; margin: 5px;"><a class="btn" style="margin: 5px;" title="Student Support Tips" href="https://canvas.harvard.edu/courses/7955"><i class="icon-user"></i> Student Support Tips</a> <a class="btn" style="margin: 5px;" title="Instructor Support Tips" href="https://canvas.harvard.edu/courses/4514"><i class="icon-educators"></i> Instructor Support Tips</a></p>

            </th>

        </tr>

    </thead>

</table>