Page History

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. This tutorial will walk you through the four steps necessary to embed Mandala AV assets in your Collab site:

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

To begin,

Find To find and copy your video’s iFrame code:
1. 1. Go to https://audio-video.shanti.virginia.edu/
...
1. 2. Log in
    1. Click
1. Clicking
  1. 1. the Main Menu
  icon
  1. 1. icon Image Added
  Selecting
  1. 1. Select Login via Netbadge in the dropdown menu
  Following
  1. 1. Follow the prompts to
  login
  1. 1. log in using Netbadge
...
1. 2. Next, open the Main Menu again
...
1. 2. Select My Content
...
1. 2. Select My Collections
...
1. 2. Click on the collection which contains the video you want to embed
  3. Click on the video you wish to embed.
  ...
  1. 1. 1. You
  ...
  1. 1. 1. should see something like this:
  1. 1. 1. Image Added
    2. Click on the Share icon in the bottom right corner of the video display.
    1. 1. Clicking Share will open a screen in the video display that looks like this:
    ...
    1. 1. Image Added
      2. Copy the code in the bottom box. (It is labeled </>).
    2. Login Log in to Collab https://collab.its.virginia.edu
      1. Select the course in which you wish to embed the video
        Select Resources from the
      ...
      1. Tools Menu on the left side of the page
        You should see a list of your courses
      ...
      1. Next to the course you are working with, click
      ...
      
      ...
      1. Actions
        Select Create HTML Page
      ...
      1. Follow the prompts to name and create your new page.
      ...
      2. 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
        ...
        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.
        
        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

Page tree

Versions Compared

Old Version 1

New Version 2

Key