I am trying to add a web video that has alpha transparency to a website. The video is in .WebM format so no problem there. When checking it out on safari with the latest iOS I realized that Apple doesn't support WebM. After researching it a bit I keep running into dead ends.
I tried converting it into an HEVC encoded video but it still doesn't work. I tried re-exporting the video file from Premier with the format Apple ProRes 4444 XQ .mov and that didn't work either.
My code is just standard HTML5, with the second 2 video sources being both that I tried and could not get to work on Safari.
<video width="600" autoplay loop muted playsinline>
<source src="movie.webm" type="video/webm">
<source src="movie_HEVC.mp4" type='video/mp4; codecs="hvc1"'>
<source src="movie_ProRes4444xq.mov" type="video/quicktime">
</video>
This CSS Tricks article shows a great example of what I am trying to accomplish. It even has a great guide on how to accomplish this task. However, one of the main steps on the guide requires a Mac for it's video encoding ability. I am on Windows. Is there a workaround or any other ways of achieving this?
Thanks, Chase