pattern #2 - video player

Video Player


Embed instructional videos you add to an eLearning course in a video player designed for learning.

  • VALUE Improved Learning Experience
  • Design Effort Low
  • Share


Video is one of the most appreciated resources for learning and it’s already on a rise for several years. With so many eLearning platforms now revolving around videos (e.g. Udemy, Khan Academy, EDX, Coursera) it is definitely a resource you need to pay a lot of attention to.
Videos, if done right, are simply the most efficient way of delivering knowledge to your audience as they employ a dual-channel processing, as they employ both visual and auditive channels for processing information, making videos far more effective than text or graphics alone.
However, when it comes to eLearning, make sure you embed videos in a player that best supports eLearning.


When it comes to video player implementation, best practice is to match some of the most common video players, such as YouTube, with basic functionalities such as progress bar, play/pause, time, volume, full-screen. Most learners know by heart how to use these.
However, there are some key features that are specific for learning.

Activity Rating Pattern
Back/Forward 10s

The progress bar attached to each video player is great at indicating progress but not so great at enabling learners to browse back and forward through the video. That is why it is always recommended to add buttons that allow learners to easily go back and forward within a video.

Activity Rating Pattern

Videos are really good at delivering high volumes of information, but this can also lead to memory overload, with novice learners (or non-native speakers) sometimes finding it difficult to follow the information. At the same time, some expert learners may find the speed of the video to be too slow.
This is why it is important to allow learners to set the speed of the video. Typical values include: 0.5x, 0.75x, 1x, 1.25x, 1.5x, 1.75x, 2x.

Activity Rating Pattern
Cue Points

Although rarely used, cue points can really help learners browse through a long video and help them organize the content that is being presented. However, for short videos, less than 5 minutes, the use of cue points is not really necessary.

Activity Rating Pattern
Closed Captions

These are especially important to increase the accessibility for learners with hearing impairment.
Make sure that the captions will capture more than just the voice-over/audio-narration, and will include key information delivered using audio, such as background noises that may hold key instructional value.

Activity Rating Pattern

As detailed in the TITLE pattern, having a title for each activity is essential for learners in order to contextualize and organize information. However, when using videos, you want to make use of the entire real-estate and broadcast the video as big as possible. To doo this, you can use a auto-hide pattern that will display the title and auto-hide after 3 seconds of no user action, allowing learners to focus solely on the video content.
Make sure that you provide a minimized progress bar in the stage footer.


If your learners will want to browse through the content at a later stage, searching for key information presented within the video, it is always a good idea to provide an option to download the transcript.

similar patterns

Explore patterns that serve similar goals