How to Embed Mandala Video Assets in UVACollab

You can embed Mandala Audio-Video and Visuals resources in your own website with iFrames. An iFrame lets you add HTML content within another HTML page. 

1. Find and copy your video’s iFrame code on Mandala
2. Login to Collab and Create an HTML page
3. Paste iFrame and transcript into Collab HTML page
4. Save Page and Notify Students

1. To find and copy your video’s iFrame code:

• Go to https://audio-video.shanti.virginia.edu/ and login by:

1. Clicking the Main Menu icon
2. Selecting Login via Netbadge in the dropdown menu
3. Following the prompts to login using Netbadge

• Next, open the Main Menu again and select My Content and then My Collections:

1. Click on the collection which contains the video you want to embed
2. Click on the video you wish to embed.

                                                        i.     You will see something like this:

• Click on the Share icon in the bottom right corner of the video display.

1. Clicking Share will open a screen in the video display that looks like this:

• Copy the code in the bottom box. (It is labeled </>).

1. Login to Collab https://collab.its.virginia.edu

• Select the course in which you wish to embed the video
• Select Resources from the menu on the left side of the page
• You should see a list of your courses (see example below). Next to the course you are working with, click Actions and select Create HTML Page

• Follow the prompts to name and create your new page. You can store all of your videos (and transcripts) here, if you wish, so you might want to title this “Chinese Scholars’ Lectures”

1. To paste the iFrame you copied from Mandala onto this page, you need to:

• Select the Source button at the top left corner of the editor
• Paste your iFrame code
• If you wish, go back to Mandala to copy the video’s transcript and paste it below your iFrame in the Collab page you created
• Click Continue
• NOTE: After entering text or other content into the editor in UVACollab, we recommend using the Accessibility Checker to confirm that the content is fully accessible to all site participants. See How do I check my content for accessibility? for more information on the Accessibility Checker and instructions for checking content.

1. To save your new page and notify your students that it exists:

• Enter a File Name for the HTML page in the box provided.
• If desired, add other details (e.g., a Description, Copyright Status, Availability and Access information).  For more information about optional file details, see:
  • How do I add and display more information about a file or folder in Resources or File Drop?
  • How do I hide Resources files and folders?
  • How do I set the display of a Resources item to a specific time period?
  • Notify site participants of the new HTML page

• You can choose to send an automatic email notification to site participants with a link to the file you have created.
• By default, No notification is sent.  Select High - All participants to send an email to everyone in your UVACollab site who can access the file.  Select Low - Not received by those who have opted out to send an email only to those who have chosen to receive Resources notifications in their preferences.
• Note: If the file is created in a folder that is only available to a specific group, only members of that group will receive the email notification.
• Select Finish.
• NOTE: if you need to update this page or add more content, return to your course Resources page, then select Actions next to the page you created and choose Edit Content