title: Firefox, Chrome, Safari have grey background for MP4 HTML5 video
body: <p>Any video (that I can make) with a white background becomes grey in Firefox, Chrome, and Safari (it is white in IE). Well, on my Windows machine it is grey, on my Android phone/tablet and Mac it is white...</p>
  
  <p>I am using ffmpeg to encode the video. If I encode it as webm, the background is white.</p>
  
  <p>See: <a href="https://jsfiddle.net/Lbg8f6ck/" rel="nofollow">https://jsfiddle.net/Lbg8f6ck/</a></p>
  
  <p>I found a hack that fixes it for Chrome:</p>
  
  <pre><code>&lt;video style="-webkit-filter:brightness(108.5%);"
  </code></pre>
  
  <p>But it does not work for Firefox or Safari.</p>
  
  <p>Another hack for Firefox:</p>
  
  <pre><code>filter:brightness(1.085)
  </code></pre>
  
  <p>But for some reason setting it through JavaScript does not work.</p>
  
  <p>A few versions ago the background was white for Chrome, then became grey again...</p>
  
  <p>The question is: Why is white grey?</p>
  
  <p>Is it an issue with the video or with Chrome, Firefox, Safari in general? (How can they not support white?)</p>
  
  <p>Is it possible to get a white background?</p>
  
  <p>Any hacks, workarounds?</p>