mp4s dimmed in HTML5 output

Aug 23, 2018

I'm wracking my brain trying to find out the cause of dimmed mp4s (~7-8%) in published HTML5 output using the latest Storyline 3 update.  I don't recall this ever occurring before and it makes the content look dingy.  Some videos that are dim will be normal if I try them later and vise-versa and slides behave totally different on different QCs even when all other conditions are the same, which leads me to believe it has something to do with loading, but I can't figure it out. I've tried everything I can think of any other ideas?

  • All my videos are HD MP4 only (up to 1080p) produced with Camtasia
    • I tried changing all my videos to non-compressed in Storyline, no success, maybe worse
    • I replaced all the videos with newly produced files, and I also tried reformatting the exported videos so that they were as close as possible to the produced storyline mp4, no success
    • I tried producing as wmv instead, no success
    • I tried producing as avi, and then using handbrake to convert to settings similar to storyline's compressed file, no success, and poor quality video
  • All my videos have no entry animation/transitions and a hotspot over them to prevent clicking the video to stop/start
    • I tried deleting the hotspot just as a test, no success
    • I tried to make the hotspot 99% transparent, I tried changing the hotspot interior color to white and making it 99% transparent, and I tried to eliminate the need for the hotspot by triggering the videos instead, which all spottily worked

I really need to find a consistent solution to the video dimming, if anyone has run into this before or has another idea, please share!!

2 Replies
Leslie McKerchie

Hello Jenn,

Thanks for reaching out and sharing all the details of your troubleshooting. I'm not sure that I've seen this behavior. Has this been since the latest update or an issue you've run into previously with Storyline 3?

Would you be able to share the mp4 file that you are working with so that we can take a look?

If you cannot share it here in the forums, you are welcome to share privately with our team here.

Matt Painter

Hi Jenn, I have just discovered this same issue - or so I thought. I will share my little story for what it is worth.

Using Adobe Character Animator I have created a talking cartoon head for my project. I deliberately used a white background in the video of the talking head so that it would appear as a 'floating' head, looking smart against a white slide background.

However when the video is played in Storyline 360 preview, it dims after a second or so, and looks dingy. The white background of my talking head video is now grey. Looks pretty bad, and I don't know how to fix it.

But then after publishing to Articulate Review 360 (or to 'Web' and viewed locally in the browser), it is pure white and looks great.

You say that the problem is with published output, so I am not sure if that information is of any use. All the best!