MP4 video rendering differently on different browsers and different machines I have asked a similar question before, but we are still having the same issues.

Background color of MP4 rendering incorrectly in QuickTime

I am trying to encode MP4's for playback on a website. I have created a test page so you can see the problem I am having. The original video is created in After Effects. When the page displays correctly the video should match the background (so should be unnoticeable apart from while loading).

http://videooptimization.azurewebsites.net/

The MP4 file was encoded via Adobe Media Encoder

PAL, 25 fps, Progressive

No Audio, 2.06 Mbps

The difference in rendering seems to change depending on machine. My machine renders the video perfectly in IE10 and not in Chrome or Safari, my colleagues machine renders the video fine in Chrome and Safari, but not in IE10 (so an exact swap of issue). We both run Windows 8. There are also similar problems on Macs. 

IE10 Screenshot


Chrome Screenshot


Safari Screenshot


Can anyone tell me what is going on / how I can create an MP4 that will render identically cross platform and device?

Thanks.
Unfortunately you are not going to be able to accomplish your goal.  Two major factors impact this.  First, color processing on different systems is going to differ.  This will result in slight differences in the colors that are displayed because many video players apply "enhancements" to video and what you actually see when viewing the video in a browser is an embedded player that is installed on the local machine.  

Second, different software is also going to use different implementations of a decoder which may result in slight differences in color based on optimizations and rounding error based on how they do their calculations to get the video out.  It's just a side effect of the way the players operate, there isn't a problem with your source (as the data in the file can't change from one player to another.)