Gray cast to videos in HTML5 exports

Mar 03, 2016

Hi there! I'm having some trouble with HTML5 outputs. The only similar forum post I could find about this is here, and I'm not using FF. I'm using Chrome.

The videos in the HTML5 files of my lesson have this weird gray cast. However, the HTML file's videos look fine.

I tried exporting my videos as .mov and .mp4, and I also tried changing the video compression settings to "none" and publishing the lesson at the highest quality to limit compression. This has to be happening during publishing, because the videos look fine everywhere except the HTML5 file.

From the timeline:

Preview:

The published HTML5 output:

HTML output:

Any ideas what might be happening and how to fix it?

I even tried following a process we used for videos in a previous lesson from a long time ago when we were using Final Cut to edit and export (we use Premiere now, and we export with Adobe Media Encoder.) These older videos don't have the gray cast in HTML5. They were exported from Final Cut Pro using Prores 422 HQ, then compressed in Compressor using the H.264 for Apple Devices preset. Then their file types were changed from .m4v to .mp4 so the Storyline video compression settings could be set to "none," since that setting is only allowed for .mp4 files.

 

So I exported a video from Adobe Media Encoder with Prores 422 HQ, used the same settings in Compressor that was used on the old videos, changed the file type to .mp4, and inserted it into Storyline. And it showed up like this:

What the Sam Hill is going on there?

I've attached a Storyline file with sample videos of all kinds, plus the HTML and HTML5 outputs published at the highest resolution.

Hope someone can help!

3 Replies

This discussion is closed. You can start a new discussion or contact Articulate Support.