So after hours and hours of fiddling I have got background video to work, however there is a crazy overlay thing happening on IOS, where it seems the video is creating an overlay making all elements become slightly grey.
I tested a codepen out using the same code and there we no issue, so this leads me to believe this is a webflow issue. I have attached a read only link.
Here is my site Read-Only: [(https://preview.webflow.com/preview/my-little-loves-wax-company?utm_medium=preview_link&utm_source=dashboard&utm_content=my-little-loves-wax-company&preview=8323a91c1012b98b4802a7de9a6ae2d2&workflow=preview)]
(how to share your site Read-Only link)