Video and Media Players in E-Learning #112

 

Video Players in E-Learning #112: Challenge | Recap

 

Whether you’re showing smartphone, webcam, interviews, or animated backgrounds, video is a great way to enhance your content and engage learners. In this week’s challenge, we’ll look at creative ways for presenting one or more videos in your e-learning projects. First, let’s take a look at a few examples shared in the community.

 

Media Gallery Interaction

 

Here's a simple media gallery designed in portrait mode to showcase a series of videos.

 

Media Gallery Interaction

 

View demo | Learn more | Video tutorials | PowerPoint | Storyline

 

Video Player with Thumbnails

 

This media gallery player features scrolling thumbnails combined with drag-and-drop to play a series of video. Visual feedback is provided after each video is viewed. 

 

Video Player with Thumbnails

 

View the example | Learn more | Michael Hinze

 

Drag & Drop Video Loader

 

Here’s another idea for using drag-and-drop to load and play tutorial videos. Here’s another idea for using drag-and-drop to load and play tutorial videos. This interaction features a thumbnail preview and description after each item is dropped on the loader.

 

Drag & Drop Video Loader

 

View the example | Learn more & download | Tom Kuhlmann

 

Media Gallery Interaction

 

This flat and elegant video player uses a tabs-style menu to load and play videos. You can download the source file from this community discussion.

 

Media Gallery Interaction

 

View the example | Learn more & download | David Lindenberg

 

Challenge of the Week

 

This week, your challenge is to share an interaction for presenting videos in e-learning courses. Your entry can feature multiple videos using a gallery layout or it can be used to present a single video.

 

Resources

 

Check out the following challenges and recaps for even more ways video can be used in e-learning:

 

 

Free Stock Videos

 

Here are some resources that provide free, high-quality videos you can use in your examples:

 

  • Coverr offers free videos for your homepage or e-learning courses
  • Pexels is another great resource for free stock videos

 

Last Year’s Challenge:

 

Before you switch on the creativity, take a look at how Pantone’s color of the year is being used in e-learning courses:

 

E-Learning Color of the Year #111

 

Pantone Color of the Year #111: Challenge | Recap

 

 

 

Wishing you a video-tastic week, E-Learning Heroes!

 

New to the E-Learning Challenges?

 

The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

340 Comments
David Lindenberg