M03c - Embed media with multiple files & a PDF

Keywords: media, website, HTML, images, upload, file, content

What is it?

There are a few options for embedding multiple file media (like a website) into your Moodle course. In both cases, you need to zip your files together into one file on your computer before you begin. If you don't know how to do this refer to M03b - Uploading multiple files using zip

Why use it?

Media is embedded, a media player appears directly on the page allowing people to view or listen without leaving the page.

Who can use it?

• Tutors and course administrators can add and edit the media files.
• Students can view the media files.

Before I start...

None  at this time.

How do I set one up?

Add a file to your course page and set the main file

If you want students to click on a link on the Moodle course homepage and view the website from there you can add the zipped files as a file and set the main file to index.html (or whatever the main file is called*)

* For Articulate Storyline the main file is called story.html

1. Navigate to your Moodle course and use the toggle switch to turn 'Edit mode' on.
2. Go to the section of the course where you want to add files, select the '+' icon which will open the Add an Activity or Resource and then from the list select 'File'.
3. Add a Name (the text the user will click on).
4. Add a Description- you can choose to show the Description below the link (Display description on course page).
5. In the contents area you can drag and drop your zip file onto the blue arrow or you can click 'Add' to go to the file picker.
   
6. The Moodle File picker appears, offering some possible sources.
7. Upload a file at the top is the most common option.
   
8. Select Choose File, and the Windows (or Mac) file manager appears. Find and click on the file you want. 
9. You can add details for the Author (usually you) and Licence (this is a check to ensure you know the copyrights of any materials you upload, choose what you think is appropriate).
10. Click 'Upload this file'.
11. Once the zip file is uploaded it will appear in the Select Files area with the following icon:
     
12. Left-click on the zip file and click ' Unzip' .
    
13. You will be returned to the Adding a new File window and you will see the unzipped files from the zip file in the Select Files area.
14. Left click on the main file (usually index.html) and click 'Set main file'.
    
15. The file you selected will display its name in bold. 

16. Scroll to the bottom of the page and click 'Save and display'.

Embed a PDF

Before you progress with the below steps please consider Embedding PDFs could cause Data Protection and GDPR issues.

1. Navigate to your Moodle course and use the toggle switch to turn 'Edit mode' on.
2. Upload the PDF to a hidden section - See Moodle course structure for further information.
3. Open and Edit the uploaded PDF, click on 'Common Module Settings' to Edit the PDF's Availability and select 'Make Available but don't show on course page' which will make your PDF 'Available but not shown on course page'.
4. Copy the page link of the uploaded PDF.
   
5. Go to Add an Activity or Resource and then from the list select the Text and Media area.
6. Paste the HTML Code that follows into the page content section <embed src=" LINK" quality="low" height="540" width="720" />.
7. Copy the page link of the uploaded PDF to the orphaned section (please make sure it's viewable for students).
8. Paste the link replacing the bit of HTML code highlighted in red which is the HTML address of the PDF you have uploaded.
9. Save and exit.
   
   

Caution

Please consider that Embedding could cause copyright & GDPR Issues. Please see the attached document for information on copyright and GDPR.

Examples and case studies

None  at this time.

Questions & Answers

None  at this time.

Further information

None  at this time.