Using Video Backgrounds and Cinemagraphs in E-Learning #95

Using Video Backgrounds to Visually Engage Learners #97

Video Backgrounds in E-Learning #95: Challenge | Recap

Slide backgrounds are one of the easiest ways to create a sense of place and location in your course designs. Because backgrounds are the largest 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.

Video Backgrounds in E-Learning

Video backgrounds are trending in web design right now.

Companies like Wistia, Airbnb, and PayPal are creatively using video backgrounds to engage their visitors the moment the page loads.

View Wistia’s video backgrounds

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

View an example of a video background in e-learning

Interactive Maps with Video Backgrounds

Community member Stanford Kekauoha originally shared this creative example in the Interactive Maps #86 challenge. Stanford's example features subtle background videos for each of the map locations.

Interactive Video Background Maps

View the Hawaii Interactive Map w/ Background Video

Cinemagraphs in E-Learning

40 Examples of stunning Cinemagraphs

Cinemagraphs are another option for creating animated slide backgrounds. Unlike videos, cinemagraphs are more like static photos that include a small area of looping animation.

This approach works well for e-learning because it reduces the amount of on-slide animation that helps create depth and richness.

Challenge of the Week

This week, your challenge is to show one or more ways video backgrounds can be used in e-learning courses.

You don’t need to build out a full course or demo this week. We’re only looking for single-slide examples that show background video or animation.

Resources

Website Examples

Resources for Royalty Free Videos

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

Tutorials and Articles

Last Week’s Challenge:

Before you get started on this week’s background video challenge, take a look at the video interviews your fellow community members shared over the past week:

Video Interviews in E-Learning Recap #94: Challenge | Recap

Wishing you an animated week, E-Learning Heroes!

New to 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.

452 Comments

Montse
Hero

almost 5 years ago08/14/15 at 4:27 pm (UTC)

Love, love, love Melissa's example! Very cool!

almost 5 years ago08/16/15 at 4:40 pm (UTC)

Thank you, Montse! Everyone should be on the lookout for a file share of it soon!

almost 5 years ago08/17/15 at 6:42 am (UTC)

Melisa you are amazing... I really love what you have created ... thank you for sharing... I tried to do this a while back using a phone app. called lumyer which is the cheats way I guess as you just put in your photo and choose the effect... and it looks cool.... the problem is you cant put it into e-learning

Stanford Kekauoha

almost 5 years ago08/14/15 at 5:42 pm (UTC)

Awesome! This will be a fun one. I have a submission from ELH#86, but plan to try something new. The video is also visible in the transitions as well as when you learn about the different locations. https://goo.gl/nlbj8M

Jose Halupa
Stanford Kekauoha

almost 5 years ago08/14/15 at 6:13 pm (UTC)

Thats amazing! Love the look! Awesome animations and transitions.

Paul Alders
Hero
Stanford Kekauoha

almost 5 years ago08/14/15 at 6:23 pm (UTC)

How cool is that Stanford! Great example! #LoveIt

almost 5 years ago08/14/15 at 6:40 pm (UTC)

Standford, that's one of my favorite examples! I'd forgotten to tag your video background example. I just updated today's challenge post to feature your interactive map. Thanks for reminding me!

almost 5 years ago08/14/15 at 6:48 pm (UTC)

Thanks Jose and Paul! It was a fun project! Hey David, thank you for the kind words and no worries, I hope it didn't look like I was trying to get up there, haha! I appreciate the mention as well as these challenges and excited to see what comes!

almost 5 years ago08/15/15 at 2:59 am (UTC)

BEAUTIFUL!

almost 5 years ago08/15/15 at 2:38 am (UTC)

That one's wonderful, Stanford! I want to go to Hawaii!

almost 5 years ago08/16/15 at 11:22 pm (UTC)

Nice job Stanford, great choice of images, love the turtles!

Zsolt Olah
Hero
Stanford Kekauoha

almost 5 years ago08/16/15 at 11:53 pm (UTC)

Love it! Makes me want to go there.

almost 5 years ago08/17/15 at 5:55 am (UTC)

Aloha Stanford - I had my honeymoon in Hawaii...great job!

almost 5 years ago08/17/15 at 6:44 am (UTC)

Nice Standford, I love the music as well.. takes you there.. I wish

almost 5 years ago08/17/15 at 1:15 pm (UTC)

It really sets the mood and gets you going.

almost 5 years ago08/17/15 at 10:24 pm (UTC)

Wonderful example. The videos and music reinforce the feeling of being on vacation

almost 5 years ago08/18/15 at 2:29 pm (UTC)

Thank you all for the kind words!

almost 5 years ago08/18/15 at 11:43 pm (UTC)

LOVE, LOVE, IT!

almost 5 years ago08/22/15 at 1:25 am (UTC)

Nice one Stanford.

almost 5 years ago08/27/15 at 8:09 am (UTC)

Very impressive! Nice work!

Jose Halupa

almost 5 years ago08/14/15 at 6:10 pm (UTC)

Wow! This looks awesome, excited to start putting something together, and more so to see what the community comes up with!

almost 5 years ago08/14/15 at 6:13 pm (UTC)

Thanks, Jose! I'm really enjoying what you've been sharing lately! Glad you're part of the challenges.

Paul Alders
Hero

almost 5 years ago08/14/15 at 6:29 pm (UTC)

This Challenge already Rocks.... Great idea David #Awesome

almost 5 years ago08/14/15 at 6:49 pm (UTC)

*nods head in agreement

Michael Burns

almost 5 years ago08/14/15 at 6:51 pm (UTC)

Oh wow..... this will definitely be a fun week. Can't wait to see what everyone cooks up!

Jose Halupa

almost 5 years ago08/14/15 at 11:33 pm (UTC)

These have all been fantastic submission everyone! We got inspired by Madmen, and then that quickly turned into making a course about whiskey, how quickly things progress. Here's a link to our most recent submission, hope you like it and look forward to the feedback! http://ulearndev.com/using-video-backgrounds-to-visually-engage-learners-95/ Cheers!

almost 5 years ago08/15/15 at 12:09 am (UTC)

Awesome Jose! Did you guys make those cinemagraphs? Liked the look and felt the elements played well together, great submission man!

Jose Halupa
Stanford Kekauoha

almost 5 years ago08/15/15 at 12:14 am (UTC)

Thanks! We had a lot of fun putting this together. We did not make those particular cinemagraphs, just a lot of free sources online to piece it all together. But we are now looking at software and training so that we could author our own cinema graphs in the future. When we make our own we'll make sure to share.

almost 5 years ago08/15/15 at 1:41 am (UTC)

Nicely done! This really has a lot of spirit... ;0)

almost 5 years ago08/15/15 at 2:43 am (UTC)

I loved it, Jose--I did not know that whiskey could be made from beer!

almost 5 years ago08/17/15 at 5:35 am (UTC)

Anything that involves whiskey is going to get my attention! Very nicely done, I wish my hand was that steady when pouring...

almost 5 years ago08/17/15 at 10:54 pm (UTC)

Jose, Nice imagery and use of graphics! I love whiskey!

almost 5 years ago08/18/15 at 2:43 am (UTC)

Thanks for the kind words everyone!

almost 5 years ago08/18/15 at 2:56 am (UTC)

The bottle that never runs out! I love it.

almost 5 years ago08/18/15 at 11:06 am (UTC)

That's awesome.

almost 5 years ago08/18/15 at 5:45 pm (UTC)

My favourite kind of whiskey is the kind that never runs out!

almost 5 years ago08/18/15 at 8:21 pm (UTC)

Yeah.... #Awesome Jose! A bottle of whiskey that never runs out

almost 5 years ago08/22/15 at 1:29 am (UTC)

Good looking course Jose.

Wilson Santiago

almost 5 years ago08/15/15 at 1:39 am (UTC)

What great timing for this challenge! I have actually been working on a project where I have been incorporating animated gif as backgrounds! Here is my work in progress so far: https://dl.dropboxusercontent.com/u/78039977/Challenge%20Animatee%20backgrounds/story.html

almost 5 years ago08/16/15 at 4:11 pm (UTC)

Very Cool

almost 5 years ago08/16/15 at 8:43 pm (UTC)

This is lovely, Wilson! I especially like the photo with the running water and the matching sound effect that you added to it. Nicely done!

almost 5 years ago08/16/15 at 11:26 pm (UTC)

Very nice, I love the way you incorporated the water theme throughout in a variety of different ways.

almost 5 years ago08/17/15 at 3:57 am (UTC)

Thanks! The doctor I am creating this for wanted a water and nature theme for this. So far he is quite happy with the results.

almost 5 years ago08/17/15 at 4:04 am (UTC)

Beautiful, Wilson!

almost 5 years ago08/18/15 at 4:46 am (UTC)

Cool stuff Wilson :)

almost 5 years ago08/18/15 at 11:07 am (UTC)

Cool!!!

almost 5 years ago08/18/15 at 8:26 pm (UTC)

Great job, Wilson!...The sound that you've used interact perfectly with your visuals

Tracy Carroll

almost 5 years ago08/15/15 at 2:10 am (UTC)

I created a background video of a dripping faucet for my California drought quiz question. Challenge 95: http://goo.gl/uR3YwC Blog: http://goo.gl/Iys2PS

almost 5 years ago08/16/15 at 5:52 pm (UTC)

Ohhh, very effective! Having the water play through the whole module was genius, it really drove the point home.

almost 5 years ago08/17/15 at 4:05 am (UTC)

Thank you, Stanford!

almost 5 years ago08/16/15 at 11:28 pm (UTC)

Nice job Tracy.

almost 5 years ago08/17/15 at 4:05 am (UTC)

Thanks, Dan!

almost 5 years ago08/18/15 at 4:49 am (UTC)

Ah, loved the video quiz :)

almost 5 years ago08/18/15 at 5:59 am (UTC)

Thanks, Ashi!

almost 5 years ago08/18/15 at 11:11 am (UTC)

Nicely done Tracy

almost 5 years ago08/18/15 at 11:25 pm (UTC)

Thank you, Mohammad!

almost 5 years ago08/18/15 at 8:29 pm (UTC)

Sweet!!! #LoveIt

almost 5 years ago08/18/15 at 11:28 pm (UTC)

Thanks, Paul!

almost 5 years ago08/22/15 at 1:32 am (UTC)

Well done Tracy.

Veronica Budnikas
Hero

almost 5 years ago08/15/15 at 2:37 am (UTC)

Wow, already so many submissions, looks like it will be a busy week!

Montse
Hero

almost 5 years ago08/15/15 at 3:03 am (UTC)

Working on a huge development project this week. I'm now rethinking my chapter intro slides and looking to include video backgrounds. Here's an example I just forwarded my client: http://elearningdesigner.com/storyline/video-background/story_html5.html

almost 5 years ago08/15/15 at 8:30 am (UTC)

Nicely done Montse.

almost 5 years ago08/16/15 at 5:53 pm (UTC)

Love the look and feel, Great post!

almost 5 years ago08/16/15 at 11:29 pm (UTC)

That looks great Montse.

almost 5 years ago08/17/15 at 4:07 am (UTC)

Nice! Very attention-getting!

almost 5 years ago08/17/15 at 6:46 am (UTC)

That looks really good..

almost 5 years ago08/17/15 at 10:57 pm (UTC)

Nicely done Montse! I too am thinking about how to incorporate more video backgrounds in course. Richard

almost 5 years ago08/22/15 at 1:33 am (UTC)

Beautiful Montse!

Paul Alders
Hero

almost 5 years ago08/15/15 at 8:32 am (UTC)

Here are two experiments for different seasons...Rain and Snow http://www.eyespirations.com/wp-content/uploads/articulate/challenges/challenge_95/story.html

almost 5 years ago08/16/15 at 5:54 pm (UTC)

Nice Paul, I especially liked the elearning heroes flag!

almost 5 years ago08/16/15 at 8:54 pm (UTC)

What a great way to create atmosphere, Paul! I especially liked the falling leaves... that's a super cool effect.

almost 5 years ago08/16/15 at 11:31 pm (UTC)

Great example of layering animations on top of still shots Paul. Looks cool.

almost 5 years ago08/17/15 at 4:09 am (UTC)

I love it, Paul--especially the rain falling in the city!

almost 5 years ago08/17/15 at 10:55 pm (UTC)

Paul, Very nice effects!!! Richard

almost 5 years ago08/22/15 at 1:35 am (UTC)

Nice effects Paul.

Matthew Guyan
Partner

almost 5 years ago08/15/15 at 9:57 am (UTC)

Some great demos already this week! Here's mine: http://mattguyan.com/ELH_Challenges/video_backgrounds/story.html Cheers!

Montse
Hero
Matthew Guyan

almost 5 years ago08/15/15 at 4:25 pm (UTC)

Is it too early in the morning to experiment with the perfect pour? Nice!

almost 5 years ago08/16/15 at 11:33 pm (UTC)

As a beer drinker, that was truly inspiring Matt.

almost 5 years ago08/17/15 at 4:12 am (UTC)

I don't drink beer, but maybe I'll start--now that I know how to pour the perfect beer. It would be a shame to have that knowledge go to waste!

almost 5 years ago08/17/15 at 5:54 am (UTC)

You're training for being a Belgian? don't forget the next steps....how to perfectly drink that beer

almost 5 years ago08/17/15 at 6:47 am (UTC)

Love this and nice theme

almost 5 years ago08/17/15 at 10:56 pm (UTC)

Matthew, That makes me thirsty! You can't go wrong with a cold brew! Richard

almost 5 years ago08/18/15 at 7:02 pm (UTC)

I love this. I want to take the course. I was kinda sad that the Start button did nothing.

almost 5 years ago08/18/15 at 8:32 pm (UTC)

Cheers mate, as always....well done!!

almost 5 years ago08/22/15 at 1:42 am (UTC)

I'm sensing a theme in some of these entries :) Nice one Matt!

almost 5 years ago08/29/15 at 12:28 am (UTC)

Thanks everyone :-)

Marco D'Alessio

almost 5 years ago08/15/15 at 12:14 pm (UTC)

My first challenge...I adjusted a quiz I prepared for a veterinary course :-) https://dl.dropboxusercontent.com/u/39447474/E-Learning%20Heroes%20Challenge/challenge95/story.html

Montse
Hero
Marco D'Alessio

almost 5 years ago08/15/15 at 4:28 pm (UTC)

I love it! His eyes - so precious!

almost 5 years ago08/16/15 at 11:34 pm (UTC)

Nice and subtle Marco.

almost 5 years ago08/17/15 at 4:14 am (UTC)

Love the dog!

almost 5 years ago08/17/15 at 5:34 am (UTC)

Nice Activity Marco!

almost 5 years ago08/17/15 at 10:58 pm (UTC)

Marco, Nice work! Richard

almost 5 years ago08/18/15 at 8:40 am (UTC)

Thanks, everyone! I'm glad you liked it :)

almost 5 years ago08/18/15 at 8:36 pm (UTC)

Welcome to the challenges Marco.... Spot on!!!

Montse
Hero

almost 5 years ago08/15/15 at 4:26 pm (UTC)

Thank you, Paul!

Paul Alders
Hero

almost 5 years ago08/15/15 at 4:45 pm (UTC)

Just added another background video to my previous entry. 'Forest with falling leaves' http://www.eyespirations.com/wp-content/uploads/articulate/challenges/challenge_95/story.html

almost 5 years ago08/16/15 at 12:22 am (UTC)

Nice work as usual Paul. How are you creating those?

almost 5 years ago08/16/15 at 12:01 pm (UTC)

Thanks Wilson, I always use Final cut Pro and Motion for my videos

almost 5 years ago08/16/15 at 3:06 am (UTC)

Cool way to add ambience, Paul!

Nancy Woinoski
Hero

almost 5 years ago08/15/15 at 11:49 pm (UTC)

Here is my attempt. I'm not sure this is entirely successful but I had fun putting it together. https://dl.dropboxusercontent.com/u/73851/video%20background%20-%20Storyline%20output/story.html

almost 5 years ago08/16/15 at 3:04 am (UTC)

Cool use of animated silhouettes over video backgrounds!

almost 5 years ago08/16/15 at 1:35 pm (UTC)

Thanks David, I seem to be in a silhouette phase at the moment.

almost 5 years ago08/16/15 at 2:26 pm (UTC)

I like the silhouettes, Nancy! (And the still behind the video.) The music is good, too. I was thinking about adding some today.

almost 5 years ago08/16/15 at 5:57 pm (UTC)

Nice work Nancy, I liked the different elements you added to tie it all together.

almost 5 years ago08/16/15 at 11:38 pm (UTC)

I like the way you employed motion animation to the graphic in front of the video. It looks great.

almost 5 years ago08/17/15 at 6:48 am (UTC)

Wow.... very nice Nancy....

almost 5 years ago08/17/15 at 8:06 am (UTC)

Very cool, I love to use silhouettes in courses. Often a great way to avoid looking for pictures of people of different cultures to include the interests of all emplyees. Looks great combined with video!

almost 5 years ago08/17/15 at 11:00 pm (UTC)

Cool stuff Nancy. I purchased a new monitor last week and it looks great! Richard

almost 5 years ago08/18/15 at 8:44 pm (UTC)

Great job Nancy....the silhouette fits fluently with the background... #LoveIt

almost 5 years ago08/22/15 at 1:45 am (UTC)

Love it Nancy. Good stuff.

Jackie Van Nice
Hero

almost 5 years ago08/16/15 at 2:42 am (UTC)

Love the examples so far! This'll be a great week. I took a look at the vids on Coverr and Pexels (thanks David!) and put a quick spin on one: http://jackievannice.com/challenge_95/story.html

almost 5 years ago08/16/15 at 3:05 am (UTC)

Yeah! I really like the way you based your navigation buttons off the yoyo.

almost 5 years ago08/16/15 at 3:08 am (UTC)

Thanks, David! The video loops for me when I preview, but not when published (I want looping!) - so I'm going to try the silent audio trick you linked to above to see if that fixes it.

almost 5 years ago08/16/15 at 4:07 am (UTC)

The other option is to link to the story_html5.html file. Evidently the inconsistency is related to Flash-based output. It's a known issue the devs are working on but the audio trick and html5 output are both workarounds. The other option is to convert the video file to an animated gif. It will increase the file size but it's another option.

almost 5 years ago08/16/15 at 4:13 am (UTC)

That's great to know. Thank you!

almost 5 years ago08/16/15 at 4:08 am (UTC)

Did you make the update to your project? The video appears to loop correctly in Chrome on Mac.

almost 5 years ago08/16/15 at 4:19 am (UTC)

I did update it with the audio trick. I'm glad to hear it's working in Chrome on Mac now. I'll revisit it tomorrow. :)

almost 5 years ago08/16/15 at 1:39 pm (UTC)

Nice one Jackie, I had to use the silent audio trick to get mine to loop as well.

almost 5 years ago08/16/15 at 2:23 pm (UTC)

Thanks, Nancy! Glad to hear you used it, too. Looks like it's working today.

almost 5 years ago08/17/15 at 11:03 pm (UTC)

Same for me Jackie. I had to use the silent.mp3 file to make the looping work correctly.

almost 5 years ago08/16/15 at 6:00 pm (UTC)

Loved it Jackie, makes me think back to the 90's when everyone was 'walkin the dog'

almost 5 years ago08/18/15 at 2:31 pm (UTC)

Thanks, Stanford! Your yoyo skills are clearly faaaaaaaaaaaar superior to mine if you can walk the dog. I'm excited if I can just get it to "yo" - never mind "yo-yo".

almost 5 years ago08/17/15 at 6:52 am (UTC)

I love the sound it really adds to the whole video effect

almost 5 years ago08/17/15 at 11:01 pm (UTC)

Jackie, Awesome yo-yo action on your submission this week! Richard

almost 5 years ago08/18/15 at 2:32 pm (UTC)

Thanks Richard! I strive for superior yoyo action.

almost 5 years ago08/18/15 at 11:13 am (UTC)

Loved it!!! Like the background sound too !

almost 5 years ago08/18/15 at 2:29 pm (UTC)

Thanks, Mohammad!

almost 5 years ago08/18/15 at 8:49 pm (UTC)

Awesome Jackie....great combination of visuals and sound!

almost 5 years ago08/22/15 at 1:47 am (UTC)

Love the music and visuals on this one Jackie.

Rob Nachum
Jackie Van Nice

over 4 years ago01/17/16 at 10:16 pm (UTC)

Really nice imagery and transitioning, Jackie. Well done.

Rob Nachum
Jackie Van Nice

over 4 years ago01/17/16 at 10:21 pm (UTC)

...and, FWIW, looping is fine on latest version of Firefox on W7. I'll post a query here and then in general: why not publish in HTML5? Firefox throws up the "outdated add-in" warning for Flash constantly. I've made a bit of a conscious effort to use Chrome less due to (true or hysterical) advice relating to the security of Chrome at present. Cheers

Paul Alders
Hero

almost 5 years ago08/16/15 at 11:57 am (UTC)

Great examples so far guys.... I think I got addicted to this challenge. Here is my next example... in this example I added a waving flag and shiny text. http://www.eyespirations.com/wp-content/uploads/articulate/challenges/challenge_95/story.html

Sean Bengry

almost 5 years ago08/16/15 at 1:23 pm (UTC)

Don't judge! :) We built this as a prototype two years ago (to explore the possibility of Storyline), there are ALOT of bugs, placeholder audio, and it's not finished. It never saw the light of day. But if you just focus on the first couple slides, you'll get the video treatment. Enjoy. https://dl.dropboxusercontent.com/u/8802157/Testing/FPM187/story.html

almost 5 years ago08/16/15 at 1:46 pm (UTC)

Hey Sean, I think this is fantastic. It actually sucked me in to exploring further. It's too bad you didn't get to finish it.

almost 5 years ago08/18/15 at 8:54 pm (UTC)

Fantastic Sean....well done! I've added your example to my list of favourites

almost 5 years ago08/20/15 at 6:05 pm (UTC)

@Paul, @Nancy, thank you very much! Hope you find it useful.

almost 5 years ago08/22/15 at 1:49 am (UTC)

I like this - very effective.

Daniel Sweigert

almost 5 years ago08/16/15 at 3:58 pm (UTC)

Being that it's still summertime and that kalimbas make me think of the tropics, I thought I'd create a new version of my "How to Tune a Kalimba" tutorial using a video background for this week's challenge. I hope this one puts you all in a happy, islandy, tropical state of mind! http://cropcirclecollective.com/how_to_tune_a_kalimba_2/story.html BTW, I noticed that in Google Chrome, when I first open this link, the video doesn't always start playing, so I just hit the refresh button to get it going. I'm not sure if this is unique to Google Chrome or not.

almost 5 years ago08/16/15 at 5:29 pm (UTC)

Okay that's really cool, Dan. You made that video yourself, right? Video recipe: Sprinkle some title text over DIY video to make the video look pro.

almost 5 years ago08/16/15 at 5:44 pm (UTC)

Thanks David! Yes, that's me playing the kalimba. It's a song I wrote called "RSM" which stands for the River Street Market in Savannah where I used to play kalimba for people.

almost 5 years ago08/16/15 at 6:01 pm (UTC)

Great use Dan, makes me want to learn how to play!

almost 5 years ago08/16/15 at 6:54 pm (UTC)

Thanks Stanford, it's a great way to just relax and enjoy the day.

almost 5 years ago08/17/15 at 4:21 am (UTC)

Love the music, Dan! Makes me want to learn to play it!

almost 5 years ago08/17/15 at 12:33 pm (UTC)

Thanks Tracy, you can get them at Cost Plus World Market or Earthbound. I got mine on a trip to Bali.

almost 5 years ago08/17/15 at 11:44 am (UTC)

I love it, Dan! Any chance we can also see a video of Bert playing the Kalimba (or is he still on holidays)?... ;)

almost 5 years ago08/17/15 at 12:34 pm (UTC)

Well Anne, I'll let you in on a little secret... that's Bert playing all the notes on the right side.

almost 5 years ago08/17/15 at 11:05 pm (UTC)

Dan, I knew I recognized that guy. Last time I saw him he was at the beach! Wow! Bert is a very talented musician! Richard

almost 5 years ago08/18/15 at 1:22 pm (UTC)

Bert thanks you Richard! And that's Bert's son on the left hand side.

almost 5 years ago08/18/15 at 8:57 pm (UTC)

The Kalimba Rocks.... great job Dan!!

almost 5 years ago08/18/15 at 10:09 pm (UTC)

Thanks Paul!

almost 5 years ago08/19/15 at 7:17 am (UTC)

Cool!! You always come with something different. :)

Jackie Van Nice
Hero

almost 5 years ago08/16/15 at 4:44 pm (UTC)

You know you have an alluring challenge when we keep adding entries, David. Here's my first one updated with music: http://jackievannice.com/challenge_95/story.html Here's my second one: http://jackievannice.com/challenge_95a/story.html

almost 5 years ago08/16/15 at 5:47 pm (UTC)

I love this Jackie! Great selection of background video and I love the way you have the animations on the navigation respond in like kind, spinning like the yo yo.

almost 5 years ago08/16/15 at 9:15 pm (UTC)

Thanks, Dan! :)

almost 5 years ago08/17/15 at 4:23 am (UTC)

Love both, Jackie! Especially the one with the subtle ocean sound.

almost 5 years ago08/17/15 at 1:31 pm (UTC)

Thanks Tracy! I calmed the volume way down on the ocean sounds so it wouldn't overwhelm anyone. Glad it's still audible. :)

almost 5 years ago08/18/15 at 3:20 am (UTC)

How awesome, Jackie! I wish I'd added music to mine. Maybe if I get a minute... :)

almost 5 years ago08/18/15 at 2:27 pm (UTC)

Thanks, Jane! Yes, my results seemed pretty flat after adding video but not sound. If I'm really trying to lure the learner in and generate interest, the more sensory appeal the better. :)

almost 5 years ago08/22/15 at 1:53 am (UTC)

Pretty, I like the colours you used.

Melissa Milloway

almost 5 years ago08/16/15 at 6:09 pm (UTC)

I went minimalist on this one. Haha. http://melslearninglab.com/ELH/sandwich/story.html

almost 5 years ago08/16/15 at 9:19 pm (UTC)

Nice, Melissa! (Can I get a caprese sandwich, please?)

Zsolt Olah
Hero
Melissa Milloway

almost 5 years ago08/16/15 at 10:43 pm (UTC)

What's cool (at least for me) is that if you don't know it's a video, the action actually starts on the reflection on the plate. Almost like a cool Photoshop effect :) Very nice. And hungry.

almost 5 years ago08/16/15 at 11:42 pm (UTC)

Great job on getting the lighting just right on the video and all the elements of the sandwich were well chosen as well, this really looks nice Melissa.

almost 5 years ago08/17/15 at 4:26 am (UTC)

Delicious, Melissa!

almost 5 years ago08/17/15 at 6:50 am (UTC)

Yum... I'm inspired...

almost 5 years ago08/17/15 at 7:31 pm (UTC)

Nice work Melissa! Simple yet effective

almost 5 years ago08/17/15 at 11:06 pm (UTC)

Very nice Melissa! Made me hungry!

almost 5 years ago08/18/15 at 3:22 am (UTC)

That really is engaging! I'm going to have to use video more often. Great video quality, Melissa.

almost 5 years ago08/18/15 at 11:17 am (UTC)

Nicely done!! :)

almost 5 years ago08/18/15 at 9:03 pm (UTC)

How cool is that!!!! Very creative Melissa!

almost 5 years ago08/22/15 at 1:56 am (UTC)

I feel like Homer Simpson watching this one and drooling. Nice one Melissa!

Nancy Woinoski
Hero

almost 5 years ago08/16/15 at 7:28 pm (UTC)

I was inspired by Melissa's cinemagraphs so tried one of my own. Here is my first effort. https://dl.dropboxusercontent.com/u/73851/orange%20tree%20-%20Storyline%20output/story.html

almost 5 years ago08/16/15 at 9:00 pm (UTC)

Awe! Thanks Nancy. They are quite fun to make. Do you get many oranges? I have the opposite of a green thumb.

almost 5 years ago08/16/15 at 9:21 pm (UTC)

They are fun. I'm going to try something a little more challenging next time. As for the oranges this is a little inside joke. This is a scrubby little tree that we keep in our kitchen in the winter. It gets oranges but they are small and bitter. You can't eat them.

almost 5 years ago08/16/15 at 11:43 pm (UTC)

I also grow oranges here in SC, but Canada? Wow!

Jackie Van Nice
Hero

almost 5 years ago08/16/15 at 9:14 pm (UTC)

That's great, Nancy! It can be a challenge for us to grow oranges even here in South Carolina, so I admire your tenacity in making it happen in Ontario! I love Melissa's cinemagraphs, too. They're entirely too cool. I've got to try one out. Here's my blog post for this week: http://www.jackievannice.com/?p=175070883 Demo #1: http://www.jackievannice.com/challenge_95/story.html Demo #2: http://www.jackievannice.com/challenge_95a/story.html

almost 5 years ago08/16/15 at 11:45 pm (UTC)

Like that video of the ocean, great choices on the fonts and I loved your selection of colors on the word "color". Looks great.

almost 5 years ago08/17/15 at 3:13 am (UTC)

Thanks, Dan! :)

almost 5 years ago08/17/15 at 5:53 am (UTC)

Love the yo yo Jackie...took me back to my younger days

almost 5 years ago08/17/15 at 1:33 pm (UTC)

Thanks, Wendy. :)

almost 5 years ago08/18/15 at 2:18 pm (UTC)

Ha :) Thanks, Wendy!

almost 5 years ago08/18/15 at 4:19 am (UTC)

lovedddd both of them especially the color palette inspired from the image, what innovation....Curious to know the font :P

almost 5 years ago08/18/15 at 1:58 pm (UTC)

Thanks Ashi! The fonts in the color palette one are Century Gothic (sans serif) and Centaur (serif).

almost 5 years ago08/18/15 at 1:45 pm (UTC)

Jackie-The color palette one was so cool! Makes me want to go to the beach.

almost 5 years ago08/18/15 at 1:50 pm (UTC)

Thanks, Rachel! Me too - that was such a nice shot they got in the video.

Bruno Dethune

almost 5 years ago08/16/15 at 9:58 pm (UTC)

This weeks challenge helped me sorting out on how to make a explanatory video on tinting paint...I finally made it in Storyline in stead of in an video soft. Cool as a practice http://www.dethune.be/Weekly_challenge_95/story.html (with a little help from Belgian music)

almost 5 years ago08/16/15 at 11:47 pm (UTC)

Nice Bruno, I've been wanting to do something like this someday with step by step instructions that fade in over a video as it plays. Looks good.

almost 5 years ago08/17/15 at 5:34 am (UTC)

Thanks Dan Cue points was my greatest help for syncing everything :) Superb tool in SL

almost 5 years ago08/17/15 at 6:20 am (UTC)

Good example of process training using a video - well done Bruno.

almost 5 years ago08/18/15 at 9:07 pm (UTC)

Great example Bruno..... well done!

Using Video Backgrounds and Cinemagraphs in E-Learning #95

Video Backgrounds in E-Learning

Interactive Maps with Video Backgrounds

Cinemagraphs in E-Learning

Challenge of the Week

Resources

Last Week’s Challenge:

New to E-Learning Challenges?

Related Content

Using Interactive Maps in E-Learning #237

Video and Media Players in E-Learning #112

Video Interviews: Creating Interactive Experiences in E-Learning #94

452 Comments