Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Export captivate to HTML 5 - .mp4 movie is darker than original

New Here ,
Jan 29, 2018 Jan 29, 2018

If I import an .mp4 movie into Captivate (as that format is supported by HTML5) - the video when published comes out darker when published. If I just play the .mp4 original file it looks fine. If I preview in HTML 5 browser it looks fine. It's only if it's published.

I need to publish HTML 5. I can't use videos as .flv

Thanks,
Karen

369
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jan 29, 2018 Jan 29, 2018

If you're inserting as MP4, Captivate shouldn't be doing anything to the video itself on publish (as opposed to if you inserted a non-MP4, then Captivate would launch AME to change that video to MP4).

So if that's correct, then there wouldn't seem a reason the video should change at all in the output.

How about this: find the MP4 in your published folder. If you have only one video, it should be the only .mp4 in the published subfolders, but will likely be renamed. Play any MP4 videos you find in the published folder til you find the correct one.

Copy the name of that MP4.

Delete it.

Copy over your original MP4.

Change its name to the name you copied.

So now you know for certain that the video the published CP piece plays is exactly the same as your original (because you just copied it there).

If playback is still dark/different, then it may be something with the browser (?).

If you drag the video on top of a browser window and drop, does the video play? Does it play at the quality you expect?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 29, 2018 Jan 29, 2018

Hi,

I followed your directions but still have the same problem. It seems like the original mp4, is darker when I play it. When I import it into Captivate it looks fine but when published it's dark. I'm using Adobe Media Encoder to convert the .avi that is correct to the .mp4. I've tried H.264 that converts it to .mp4

test.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 29, 2018 Jan 29, 2018

actually even the flv that captivate converted is darker when published

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jan 31, 2018 Jan 31, 2018

Looking at your image, you're saying when you publish the project - with the MP4 included - to Flash, it looks correct? The backgrounds match up?

But when you publish the same project to HTML, that's where the color shifts?

Is the background image a PNG?

I've seen tones adjust on PNGs on publish before - drove me crazy.

If the background image is a PNG, try converting it to BMP then reimporting.

While it's a silly workaround, if you are only publishing to HTML, how about adjusting the background image to be the same as what the MP4 background publishes as?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Feb 01, 2018 Feb 01, 2018
LATEST

Regarding mp4 in HTML5 output

This might be a long shot, but...

I had similar issues and it turned out that it was actually not the video itself being darker, but rather some 'ligtboxish' semi-transparent cover, that gets cast in front of the video, while it loads stuff, darkening it.

You might check if firing the following line of javascript (e.g. on on slide enter) lighten things up:

document.getElementById('blockUserInteraction').style.visibility = 'hidden';

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources