html Video tag not working in ios with blazor wasm app

I have a html video that I want to play on the homepage, this is copied from the dev tools on a (working) chrome browser.

<div class="VidContainer" b-if4auixgu9="">
   <video autoplay="" muted="" loop="" playsinline="" b-if4auixgu9="">
      <source src="https://rafflegames.blob.core.windows.net/publicvideos/BeAWinner.mp4" type="video/mp4" b-if4auixgu9="">
    Your browser does not support the video tag.
   </video>
</div>

It also works on a Mac using Chrome but not Safari, so I guess this is some kind of Apple foible.

I did see this question here: MP4 Videos on website embed with html5 does not play on iOS … but I don’t really understand how to create the intermediate certificates, so I’ve tried also moving the ‘source’ to be local to the server so it isn’t going externally for it. That didnt solve it.

I just want it to play nice like it does on everything else. Any thoughts? Is this a Blazor WASM specific thing or is Safari just a bit broken/awkward?