title: HTML5 Video Inaccurate Colors
body: <p>I have a x264 mp4 that plays fine on every browser, but the color seems washed or something. It looks the same on every browser, but when played in vlc the colors are more accurate. Is this an html5 limitation or is there something I can do to correct this? Below is a picture of the same video side by side, one in chrome and one in vlc. The video was encoded from x265 to x264 using ffmpeg but i'm not sure if that is relevant. It's a 4k video too. Here is the command used to re-encode anyways:</p>
  <pre><code>ffmpeg -re -i &quot;input.mkv&quot; -crf 18 -preset medium -max_muxing_queue_size 4096 -colorspace bt2020nc -color_trc smpte2084 -color_primaries bt2020 -pix_fmt yuv420p -r 24 -map 0 -c:v:0 libx264 -c:a:0 mp3 &quot;test.mp4&quot;
  </code></pre>
  <p>Here are the videos side by side:
  <a href="https://prnt.sc/18dzwuz" rel="nofollow noreferrer">https://prnt.sc/18dzwuz</a></p>
  <p>and I am just using a simple html5 video tag:</p>
  <p><code>&lt;video src=&quot;/video/test.mp4&quot; height=&quot;600&quot; type=&quot;video/mp4&quot; controls /&gt;</code></p>