Body
Overview
Discover how to add media (images, videos, and audio) to your Moodle course using the methods below.
Text and media areas
The Text and media area Moodle resource can be used to display images and playable audio/videos on the course page. Since Text and media areas are essentially text boxes, media can usually be added to other text boxes using Method 2.
Method 1 - Drag and drop
- Turn Edit mode on in the top right corner
- Drag and drop your media from wherever it is saved on your computer (Desktop/File Explorer/Browser Downloads) to the section you’d like to add it to.
- Select Add media to course page
- Your media will be automatically added as a Text and media area
Method 2 - Manually create a text and media area
- Turn Edit mode on in the top right corner
- Click Add an activity or resource and select Text and media area
- For Images
- While editing the Text and media area, click the button in the text box toolbar
- Either paste the image's URL or select Browse repositories and upload your image
- Write a description for the image
- Use the size boxes to scale the image to your preference
- Keep Auto size to avoid stretching the image
- Click Save image
- For Videos
We recommend using Panopto for recording videos. But you can also record a video button within Moodle if you're in hurry.
- Attach an existing video by clicking the button in the text box toolbar
- Go to the Video tab,
- either paste the video's URL (e.g. YouTube) or
- select Browse repositories and upload a video from your computer
- Under Display options, you can add a title and adjust the size of the video
- Click Insert media
- For Audio
- To record and attach a short audio file: click the button
- To add an existing audio file:
- click the button in the text box toolbar
- Go to the Audio tab,
- either paste the audio's URL or
- select Browse repositories and upload your audio
- Under Display options, you can add a title
- Click Insert media
- Click Save and return to course
Files
Files are used to add media to your course page as a resource to be opened/downloaded by a student.
Method 1 - Drag and drop
- Turn edit mode on for your course page
- Drag and drop your media from wherever it is saved on your computer (Desktop/File Explorer/Browser Downloads)
- Select Create file resource
- Your media will be automatically added as a file
ℹ️ The default display method upon clicking this file is determined by your course's default display option. To change this for your file, go to its Edit settings page and under the Appearance section, pick a display method from the drop-down menu.
Method 2 - Manually create a file
- Turn edit mode on for your course page
- Click Add an activity or resource and select File
- Upload your media to the file box.
- Under the Appearance section, pick a display method from the drop-down menu
- Click one of the Save options
Panopto
Panopto can be used in your Moodle page to host and play videos.
STEP 1
To add a Panopto video as a course page resource:
- Turn Edit mode on in the top right corner
- Click Add an activity or resource and select Insert Panopto Video
- Click Select content
To insert Panopto videos into any text box:
- Click the green Panopto icon on the text box toolbar
- Select Insert Panopto Video
STEP 2
After following either of these methods, you will see a screen which prompts you with three choices: Choose, Upload, and Record
- Choose: If you have already uploaded your video to Panopto separately, select it here
- Upload: If you have the video file on your computer, either drag and drop it or upload it here
- Record: You can record yourself/capture your screen from this menu either from your browser or the Panopto desktop application
STEP 3
After you select a video,
- a Video Embed Options menu will appear where you can adjust aspect ratio, height/width, and the starting time stamp
- Then, click Insert
- Lastly, click one of the Save options
Questions?
If you need further assistance or have specific questions that aren't covered in this article, please don't hesitate to reach out for personalized support by submitting a Moodle Support ticket.
Acknowledgements
Created by Aleksander Prasolov '24, 1/27/22. Last modified by Charlie Roslansky ‘24, 12/1/23