Using Cinemagraphs and Video Backgrounds in E-Learning #428

Cinemagraph & Looping Videos in E-Learning #428: Challenge | Recap

Using subtle, looping motion in your course can effectively add an extra layer of visual interest to the typical slide background. The key is finding the right balance in motion, pacing, and composition. And that's what this week's e-learning challenge is all about.

Challenge of the Week

This week, your challenge is to show how cinemagraphs or looping background videos can be used in e-learning. To help you get started, check out some ways motion backgrounds can be used in e-learning.


Cinemagraphs are a creative way to animate isolated parts of an image. Unlike videos, cinemagraphs are more like static photos that include a small area of the looping animation. This approach works well for e-learning because it reduces the amount of on-slide animation that helps create depth and richness.

40 Examples of stunning Cinemagraphs

Amazing Cinemagraphs from Around the Web

Video Backgrounds in E-Learning

Slide backgrounds are one of the easiest ways to create a sense of place and location in your course designs. Because backgrounds are the most significant on-slide element, they help set the context for your learning content more than any other object. 

So how can you improve on the perfect background? Try using full-screen videos as slide backgrounds.

Companies like Wistia creatively use video backgrounds to engage their visitors the moment the page loads.

Video Backgrounds in E-Learning

View Wistia’s video backgrounds

Natural environments, like offices, factories, classrooms, and other workspaces, help create a sense of authenticity. Like still photographs, videos can also add a sense of location and context to your slides.

Video Backgrounds in E-Learning

View an example of a video background in e-learning


Share Your E-Learning Work

  • Comments: Use the comments section below to link your published example and blog post.
  • Forums: Start a new thread and share a link to your published example.
  • Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.
  • Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

Last Week’s Challenge:

Before you get started on this week’s challenge, check out the practical ways plain language can make complex information easier to read:

18 Before-After Examples Show How Designers Use Plain Language #427Plain Language Examples RECAP #427: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning 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.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.

Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:

Teresa Iden