VIU Campus

Embed

Once you have uploaded your media to VIUTube, you will need to share the media in order for other users to be able to view it. There are multiple ways you can share your VIUTube media. This web page will go over how to share your VIUTube media via embedding it directly into a website.

Embedding VIUTube Media.

One way you can share your media with other users is by embedding it directly into an external web page or site. Doing so will allow users to be able to view the media without navigating away to another page. You can embed VIUTube media into a VIULearn course, a Drupal website, or another website by grabbing the Embed code. You can embed VIUTube media into a VIUBlog site by using the oEmbed code.

Both Unlisted and Private media can be embedded. Please note however that if you embed a Private VIUTube video into a publicly available website, anyone that finds and has access to that website will be able to view your media.

  1. Navigate to VIUTube and login using your VIU Computer Account credentials.

  2. Select your username (or if you are using a smaller screen, the profile icon) in the upper right hand corner. From the dropdown menu, select My Media.

  3. Find and click on the media you wish to share.

  4. Click the Share tab.

  5. Select one of the following sharing options:

    • Embed: You will want to select this option if you would like to embed the media directly into a website or page.

      You can use this option if you wish to embed the media into a VIULearn course. You can embed media anywhere into your VIULearn course where it provides you with the Insert Stuff button (such as in the feedback field in an Assignment Submission folder, in an Announcement, in a Discussion Thread or Reply, etc.).

    • oEmbed: This is another (less commonly used) option that you can choose to embed media directly into a website or page.

      If you are attempting to embed media directly into a VIUBlog site, this is the option you will want to choose.

  6. Copy the code by pressing CTRL + C or Command + C on your keyboard.
  1. Click Content from the course navigation bar.

  2. Click on the Module where you want to add the media to.

  3. Click the Upload/Create button. From the dropdown menu, select Video or Audio.

  4. Paste the embed code into the Enter URL or Embed Code input field.

  5. Give your media a title.

  6. Click the blue Save button.

If you want to convey any additional information about your media when adding it to your course, you can embed the VIUTube media into a file.

  1. Click Content from the course navigation bar.

  2. Click on the Module where you want to add the media to.

  3. Click the Upload/Create button and choose Create a File.

  4. Click the Insert Stuff button.

  5. Choose Enter Embed Code.

  6. Paste the Embed Code for the media.

  7. Click the blue Next button.

  8. Click the blue Insert button.

  9. Add any text or other content to your file. When you are finished editing the file, click the blue Save and Close button.

  1. From your VIUBlog site Dashboard, click either Posts or Pages from the navigation sidebar (depending on where you would like to add the VIUTube media to).

  2. Click on the Post or Page you wish to edit. Or click the Add New button to create a new Post or Page.

  3. Click the Add Block icon (+ icon).

  4. Search and select the Embed block.

  5. Paste the VIUTube oEmbed code into the input field provided. Then, click the Embed button.