Any views expressed within media held on this service are those of the contributors, should not be taken as approved or endorsed by the University, and do not necessarily reflect the views of the University in respect of any particular issue.

Embedding a video in Drupal

PDFPrint

To embed a video from Media Hopper Create (MHC) into a Drupal page for your course, please follow these instructions.

Note: you can mostly follow these steps for embedding a video from another platform  e.g. YouTube, but how you find the embed code on that platform will be different than the steps for MHC.

If you haven’t used Media Hopper Create before or need a bit of help, IS has extensive documentation and help guides here.

  1. Log into your MHC account at: https://media.ed.ac.uk/
  2. Make sure that the video you want to embed in Drupal is set to either Unlisted or Published. (Not sure how to check or change this setting? Please see IS’s guidance on Understanding privacy levels in Media Hopper Create.)
  3. Open the video you want to share in MHC and below it, you will see several tabs. Click on the tab “Share” and then select “Embed” (N.B. do not select oEmbed) and then select and copy the full embed code that appears in the box. (Note: you can use the options below the code to choose a different sized embedded player or start/end times for the video. Do *not* use Responsive Sizing at the present time.)
    Screenshot of where to find embed code in Media Hopper Create
  4. Go to the Drupal page where you want to embed the video. Make sure that the Text Format for the Body field is set to Full HTML (this is the default). Then use the three vertical dots on the right of the editing toolbar to open additional tools and select “Source”
    Screenshot of body field in Drupal
  5. Paste in the embed code you copied from MHC.
    Screenshot of embed code pasted into a Drupal page in Source view
  6. Use the three vertical dots to open the expanded toolbar and click Source again to go back to the main editing view. It may take a moment or two to load, but you should now see the video you just embedded.
    Screenshot MHC video embedded in a Drupal page
  7. You can, of course, add text before or after the video or embed multiple videos on a single Drupal page. Once you are done with the edits on the page, just remember to press Save at the bottom.

Important! You must have captions available on any video you use for teaching. MHC has auto-generated captioning available and it is very quick (just a click or two) to request this for your videos before sharing them with students. Please see this guide from IS: Requesting subtitles for your content.

Embedding a video in Drupal / Informatics Learning Technology Service by blogadmin is licensed under a Creative Commons Attribution CC BY 3.0

Share

Leave a Reply

Your email address will not be published. Required fields are marked *

css.php

Report this page

To report inappropriate content on this page, please use the form below. Upon receiving your report, we will be in touch as per the Take Down Policy of the service.

Please note that personal data collected through this form is used and stored for the purposes of processing this report and communication with you.

If you are unable to report a concern about content via this form please contact the Service Owner.

Please enter an email address you wish to be contacted on. Please describe the unacceptable content in sufficient detail to allow us to locate it, and why you consider it to be unacceptable.
By submitting this report, you accept that it is accurate and that fraudulent or nuisance complaints may result in action by the University.

  Cancel