Html5 Video Color Difference Chrome & Internet Explorer

I'm using the HTML5 video tag to play a short video on my website with this code:

Solution 2:

Different browser will have different implementation of certain things. Especially IE. However, I have never heard of this happening. If you have CSS code or any JavaScript code effecting the video element can cause this. It must be with the way the browsers differing ways of rendering the image. You can try to reimplement the poster function through JavaScript. Have it draw and image. When that image is clicked have it remove the image and draw the video in its place.

Solution 3:

As stated above, it's to do with how the browser renders the video on its video panel - something that's difficult to change. You could try re-encoding the video and altering the colours that way to see if that changes anything.

Solution 4:

i ran into a similar issue with Google Chrome and youtube videos. In Chrome my video had a yellow tint to it while in Firefox the video was fine. I managed to remove the color distortions in Chrome by doing the following:

1. In Chrome's url bar, enter "chrome://flags"
2. enable the "Override software rendering list" flag

This obviously won't affect how other viewers see your videos, but at least you get to see it correctly...

Solution 5:

I had the same problem. Try to render mp4 video with "601" colorscope. This should help.