Video.js is an Open Source media framework that supports dozens of video, music and audio files. Beginning with Moodle 3.2, is also the default media player for the LMS, as announced in a recent press release.

Post Pages - Post Inline - WIRIS

Video.js is already the player of choice for prominent online media companies, IGN, Funny or Die and The Guardian among others.

Video.js is made in HTML5, bringing support and consistency across modern browsers, even Edge and Internet Explorer 9. This also extends to the mobile realm, whether users want to see video on mobile browsers or have logged in to Moodle through the Moodle Mobile App.

A key focus on the development of Video.js is accessibility. It is easy to add captions, subtitles and thumbnails, as well as metadata: descriptions, titles, authors, chapters and tags. Furthermore, being Open Source means any developer could write code that enables interaction between Video.js and assistive software and devices. In fact, some good guy developers already have.

Administrators can set some Video.js defaults for any file added, such as dimensions. If necessary, they can also set another media player as default, or as fallback.

How to add a media file on Moodle using Video.js

Video.js supports a handful of file extensions, but that is not all. It handle video streaming from YouTube and other sources. Adding and customizing the visualization could not be simpler:

  1. From any page with a text editor, click the “Media” button on the toolbar.
  2. An “Insert media” prompt will appear with three tabs: “Link” (for streaming files), “Video” and “Audio”. Click on the appropriate tab, add the file URL address or upload it, and add a name.
  3. The “Video” and “Audio” tabs offer the option of alternative sources, and extra settings. They can be left untouched.
  4. Extra settings include: “Display options” (dimensions, thumbnail), “Advanced Settings” (show\hide controls, start automatically, muted, loop) and “Subtitles and captions” (subtitles, captions, descriptions, chapters, other metadata).
  5. For videos, it is possible to add several subtitles for different languages.
  6. Click the “Insert media” button.

Read the full release at

For the depths on Video.js, visit


Moonami LogoThis Moodle Technology related post is made possible by: Moonami a company that provides a full range of Moodle services that combine the flexibility, scalability, and power of Amazon’s world-leading cloud platform (AWS) with fanatical Moodle support. Click here to learn more.


How do you use media in your Moodle classroom?

Previous articleMessaging And Notifications In Moodle 3.2: To A Distributed Social Network?
Next articleFordson Is A Moodle 3.2 Theme By K-12, For K-12


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.