Embed Media Hosted Outside VLE

eg This method can be used for media hosted on Vimeo, YouTube, Ted Talks, SlideShare, Issue, SoundCloud, Office 365 Video ETC

  1. Get the URL for the video from a supported service  Vimeo, YouTube, Ted Talks, SlideShare, Issue, SoundCloud, Office 365 Video, Office Mix, or Sway):
    • Go to the page on the website where the media is hosted and copy the URL from your browser's location bar.
      Note: Do not copy  "embed" code, if provided.
  2. In your coursepage, click Turn editing on, and Add/Edit the activity or resource where the embedded media will appear.
  3. Click in the Editor entry box where you want the video to appear.
  4. In the Editor toolbar, click the Media button (media button). The Insert media pop-up will open.
    15th button: is Insert Media.
  5. In the Insert media pop-up:
    - For Enter URL, paste the address you copied in step 1.
    - Important! For Enter Nameenter a title for the video. The media will not appear unless you complete this step.

  6. Click Insert media. The pop-up will close and you will be returned to the HTML editor.
    Note: The embedded video will not display in the HTML Editor—you will see only a link, but after you save, the video will display embedded in your activity or resource.
  7. Important! The link to the media URL must be on it's own line for the embed to work. On your keyboard, press Enter/Return to create a new paragraph.
  8. Add additional content to your entry (as needed).
  9. To make video resize to fit the available space on any device (by default video appears at 300 x 400 pixels; this step makes video "responsive"):
    In the text entry box, highlight the link you just added, then in the Editor toolbar, click the Style button(paintbrush icon to the right of the insert media button) and select </> Responsive video.
    16th button: Style > Responive video
    Important! This step must be the last thing you do on a page.  If additional content will appear on the page, add additional content before completing this step.
  10. Click Save and display or Update 
  11. Check the content displays correctly on the coursepage.
Last modified: Thursday, 28 March 2019, 9:46 AM