Responsive design – video displays incorrectly when turning mobile whilst playing

Hi everyone,

I am designing a responsive Project including a video with a breakpoint for landscape and portrait mobile view.  If I pause the video and then turn the screen, the video adjusts correctly to landscape mode. If the video is however playing and I turn the phone, the video is displayed incorrectly – loads of it cut off and in a weird position. If I pause the video it jumps to the correct position.

I would be grateful for any ideas on how to fix this issue, as the video should display correctly, no matter when the screen is turned.

Thank you so much!

The post Responsive design – video displays incorrectly when turning mobile whilst playing appeared first on eLearning.

Digitale Lernmedien: Vom Hören zum Sehen

Dass der Begriff Podcasts auch mal für kurze Videobeiträge herhalten muss, erlebt man häufiger. Dass Experten jedoch diese Deutung bestätigen, habe ich noch nicht gelesen. Dadurch deckt der Presseartikel, der uns in die Welt des Medieneinsatzes an österreichischen Hochschulen führt, ein weites Feld ab: von Podcasts und der Entscheidung für ein bestimmtes Medium (Audio oder Video) bis zu 360-Grad-Kameras und MOOCs.
Claudia Dabringer, Die Presse, 15. März 2019

Bildquelle: Matt Botsford (Unsplash)

How To Choose The Right Kind Of Video For Your Employee Training

Video-based learning has become an important part of corporate training delivery today. In this article, I share pointers that will help you identify what training videos would work best for your employees.

Choosing The Right Kind Of Video For Your Employee Training

Using videos for training employees has been around for a while. Of late, there is an acceleration in their usage. This is on account of the wider adoption of mobile learning and microlearning as they both leverage extensively on video-based learning.

Video is an immensely high-impact medium and when used as training videos for employees, they offer:

  • High engagement quotient
  • Sticky learning experience leading to higher retention and recall

The value of using training videos for employees lies in their ability to offer:

  • Formal training which can be consumed “on the go”
  • Instant job aids that are within the learners’ workflow and can be accessed at the moment of their need
  • Informal learning
  • Social learning

How Can You Use Training Videos For Your Employees?

You can use training videos for employees to supplement your corporate trainings and step up their impact. Some of the key trainings that can leverage on videos for employee training include:

  1. Induction and onboarding
  2. Soft skills training
  3. Product training
  4. Sales training
  5. Application simulations training
  6. Compliance training

The flexibility of training videos enables you to use them for:

  1. Formal training (online)
  2. Support Instructor-Led Training (ILT) or Virtual Instructor-Led Training (VILT)
  3. Performance Support (learning aids/job aids to support formal training)
  4. Social learning

This is not all. The true power of videos for employee training lies in their ability to contribute beyond learning or performance support intervention. They can contribute to other levels of the learning and performance ecosystem, notably to:

  1. Create a buzz or awareness (before the launch of the training program)
  2. Support crucial change management initiatives
  3. Continue the connect with the learners (post the training program)

Are There Any Drawbacks Or Limitations That You Should Be Aware Of As You Opt For Training Videos For Employees?

As I see it, there are a couple of aspects that you should note:

From The Development-And-Cost Perspective

The cost of video-based learning for formal training or as Performance Support is higher as compared to traditional eLearning development. You also need to be aware that any updates or enhancements do entail significant costs and lead time.

From The Learning-Impact Perspective

Even though video-based learning offers an immersive learning experience, the video does have an intrinsic limitation of “passivity”. It allows learners only to start/stop or pause.

This can impede the learning impact when you have long run length videos.

Additionally, you cannot track the learners’ progress as they go through videos for training.

What Kind Of Video Formats Can You Opt For In Order To Create Training Videos For Your Employees?

You have wide-ranging options that you can offer as training videos for your employees:

  1. Teaser videos
  2. Context-setting videos
  3. Explainer videos
  4. Scenario-based videos
  5. Story-based videos
  6. Complex decision-making branching simulation based videos

Are There Other Interesting Approaches That Can Enhance The Impact Of Training Videos For Employee Training?

Here are 3 interesting options that you should certainly consider:

1. Interactive videos
This is a Next Gen approach that creates highly interactive and immersive video-based learning solutions. It includes:

  • Learning interactions that are similar to traditional eLearning (Hot spots, Click and Reveal and so on)
  • Quizzes and assessments
  • Learning paths that branch to different tracks based on learners’ choices
  • Gamification elements
  • Unlike traditional videos, interactive videos allow you to track learner performance, and they also offer SCORM output

2. Microlearning videos
These short, focused, bite-sized videos use rapid development approaches. They are particularly useful as a social learning tool. They are designed to be available within the learners’ workflow so that they can access the relevant bite exactly at the time of their need.

3. 360-degree videos for VR and AR
These can take your user engagement and stickiness of learning to an all high level.

What Kind Of Training Videos Would Resonate With Your Employees?

Modern learners face challenges of distractions and multi-tasking, and they certainly do not want to carve out a block of time for training. They want the training to be flexible, short, focused, and available on the go. So, as you opt for videos for your employee training, match it with their lifestyle and accordingly, craft the learning journey.

Here is a list of my top 5 strategies you should adopt as you offer training videos for your employees:

  1. Create the buzz or awareness and establish WIIFM (What Is In It For Me)
  2. Set context or teach concepts
  3. Offer learning followed by practice, application, and summaries
  4. Checkpoint learners’ progress and understanding
  5. Reinforce and keep the “Forgetting Curve” at bay

What Would Be The Impact Of Using Training Videos For Your Employees?

You would see:

  • Higher engagement
  • Better completion rates
  • Better retention and recall
  • Better performance support leading to better application of the acquired learning
  • Increased focus on informal learning
  • Higher ROI on your training spend

I hope this article gives you great ideas that you can use as you implement training videos for your employee training. If you have any specific queries, leave a comment below.

Source: How To Choose The Right Kind Of Video For Your Employee Training

The post How To Choose The Right Kind Of Video For Your Employee Training appeared first on eLearning.

How to Create Animated GIFs for a Process Interaction

create animated gif

Animated .gifs are great for e-learning. Often, I like to use them instead of videos for e-learning interactions, especially process interactions that go through a sequence of steps.

Today I’ll show a simple way to convert a video of a process into smaller animated .gifs that you can insert into a slide, article, or process interaction.

Demo of the Animated Gifs in a Process Interaction

Here’s a demo I created using Rise and the Process Interaction.

 

animated gif example

Click here to view the example.

Animated Gifs Tutorials

Below are a couple of tutorials that go into it in more detail:

Animated Gifs: Create a Procedural Video

Record a video of the process. Don’t worry about the audio as it will be removed. To keep the edits to a minimum, make sure to be clear on the steps and to not waste a lot of movement. Get to the point quickly.

At our workshop in Milan, David and I quickly recorded the process to make an espresso with the machine in the back of the room. While we pretended to be working, it was really a way for us to sneak in a few more shots of espresso.

Here’s the original video.

Click to play the video on YouTube.

Animated Gifs: Convert the Video to Gif

There are a number of ways to convert video to animated .gifs. I like to use Screen2Gif because it’s free (which is always good) and it is really easy to use.

The conversion process is simple: import the video and convert it. However, there are some key considerations.

The original .MP4 video is 159 MB at 1920 x 1080 resolution. Animated .gifs can be large, really large.  Without any significant edits, the 159 MB video becomes a 470 MB animated .gif. That’s just not manageable.

There are a few things you can do to decrease the file size of the animated .gifs:

  • Scale the video down from it’s original resolution. There’s no need for an HD quality .gif. In this case 1920 x 1080 will be sized down to 500 x 281.
  • Crop the video to just the critical pieces of info. The fewer frames the smaller the file size. You can always duplicate frames to keep something on screen longer with minimal impact to size.
  • The less difference there is with the pixels from one frame to the next, the smaller the file will be. Unfortunately, video isn’t static and those millions of pixels are changing from frame to frame. You could try to shoot against a solid background and with a tripod. That may help, depending on your subject.
  • Video runs at about 30 frames per second (FPS). When you convert the video to .gif, you can modify the frame rate to something like 10 to 15. It just depends on how much motion is in the video. The less motion, the more you can lower the frame rate.

Animated Gifs: Edit to Individual Steps

Unless the steps are very short and can be shown in one file, it makes sense to break the steps up to individual parts. That helps reduce the file size and keeps the focus on very specific parts of the process.

  • You can import the entire video and then cut it down. Or cut the video into smaller videos first and work with them individually. It’s probably easier to edit the videos first and then import the smaller videos. This is more manageable and less strain on your system.
  • Get rid of what you don’t need, cut out extra frames.
  • The animated .gifs loop, so it may make sense to add a little buffer at the front or back end to let the user orient to the start and end of the process.

The original video was 1 minute long. Converted to an animated .gif without edits, it was 470 MB. After cutting it into pieces and creating four smaller gifs, the total ended up being about 15 MB. That’s a pretty significant difference and the output works well for the demo.

That’s basically it, shoot a video and then convert it to animated gif.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events


Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Preview project Captivate 2019- Can’t connect to server

Hi Everyone,

I’m using Captivate 2019 (11.0.1.266) on a Windows 10 computer. I’ve been having huge font errors that have resolved themselves now that I’ve done the latest update. Today I went to preview my project and I’m getting this error over and over.

Hmm. We’re having trouble finding that site.

We can’t connect to the server at www.html5temp1838811332265pre.com.

Since I last previewed it, I have added an mp4 video. I looked at the threads for known issues, so I ran it through Media Enconder 2019 for 480p output and still get this error. Can anyone advise me?

The post Preview project Captivate 2019- Can’t connect to server appeared first on eLearning.

Project with a WHILE loop does not publish correctly as a video.

I have a single slide with a multi-state object that flashes pictures every 3 seconds thru the use of Advanced Actions (Captivate 2019). It works great when published in HTML 5, but as a video, only the first picture shows, and the Advanced Action never runs.

Can someone help me figure out what I’m doing wrong?

The post Project with a WHILE loop does not publish correctly as a video. appeared first on eLearning.

[Free Webinar #2!] Convert Classroom Training to Blended Learning Using Your Creativity and Adobe Technology

I recently did a webinar on this topic.  (Check out the recording and the slideshare.)  We had an awesome group who shared tons of ideas, so we’re going to do the webinar one more time!  Join us on April 2 at 9AM Pacific.

Register for free with eLearning Industry.

If you just can’t get enough of blended learning, come to my keynote session at ATD’s New England Area Conference on March 29.  We’d love to see you!

Convert Classroom Training To Blended Learning Using Your Creativity & Adobe Technology

Blended learning is a common buzz phrase in L&D, and it’s one that deserves attention. Using a blended learning approach means providing course content in a variety of formats – including videos, games, virtual reality (VR) activities, basic documents, and eLearning courses! You may mix and match many delivery formats in order to create a learning environment that is engaging and cost-effective.

Blended learning courses often include classroom or virtual classroom training experiences. But other content is used to augment and enhance the classroom. You may even deliver the same course content in multiple delivery formats so learners can choose how they want to learn. Blended learning gives L&D professionals the flexibility to use every type of course content in order to best serve the learner’s needs.

Katrina Marie Baker, Senior Learning Evangelist at Adobe, will provide food for thought on the following points:

  • Benefits of blended learning as they relate to the learner and organization
  • A cost comparison of 100% instructor-led training (ILT) versus blended learning
  • How to incorporate classroom experiences with other types of course content to engage learners
  • Ways learning technology can add value and make it easier to develop and deliver blended learning
  • Understand how the Fluidic player can help you leverage fully blended courses in your training programs

Group discussion will take place throughout the session.

The post [Free Webinar #2!] Convert Classroom Training to Blended Learning Using Your Creativity and Adobe Technology appeared first on eLearning.

Unable to edit video timing

Hi,

I am stuck, before when I inserted a video, I would get the option to edit video timing in properties, which was great. Now when I insert a video in y new project, I don’t get that option and the videos don’t play when I preview the project.

Have I clicked on something, is this a bug? I am using Captivate 9.

Thanks
Shareena

The post Unable to edit video timing appeared first on eLearning.