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.




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.

David Lindenberg