HTML5 video background color not matching background color of website — in some browsers, sometimes

Question

I have a video that the client wants to sit \"seamlessly\" in the website. The background HEX color of the video matches the HEX background color of the website, and renders

Answer 1

I feel the proper solution here is to film using a green screen (which you probably already did) and use

1. Transparant webm video or
2. Replace green pixels with transparant ones using javascript canvas

An example of transparant video can be found here: https://jakearchibald.com/scratch/alphavid/