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.
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.
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.
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.
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:
- Smartphone Video Training for Course Designers #42
- Webcam Video in E-Learning #49
- Video Interviews: Creating Interactive Experiences in E-Learning #94
- Using Video Backgrounds to Visually Engage Learners #95
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:
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.
335 Comments
Here's to my first attempt at a Weekly Challenge: http://coursecontent.nic.edu/rlwahl/Projects/VideoSampleExtinctWeeklyChallenge/story_html5.html This was tricky, as I couldn't find any way to change states on the videos to have them show on top based on a trigger. The videos are separate files from the background which had a transparent "hole" for the tv screen, so I needed to stack the videos one on top of the other behind the background scene to have them appear within the television (which means that layers weren't working either). I ended up creating four separate slides: one for the intro screen, and one each for the videos. The pile of tapes have hotspots to trigger the videos playing. This one has a very Fallout video game feel to it. Might be useful as a way of highlighting ... Expand