我正在尝试添加一个具有alpha透明度的网站web视频。视频是。webm格式，所以没有问题。当我用最新的iOS在safari浏览器上测试时，我意识到苹果不支持WebM。在做了一些研究之后，我一直进入死胡同。
我试着把它转换成HEVC编码的视频，但它仍然不起作用。我试着用Apple ProRes 4444 XQ .mov格式从premiere重新导出视频文件，但也不行。
我的代码只是标准的HTML5，第二个2个视频源都是我尝试过的，无法在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>
这篇CSS技巧文章展示了我试图完成的一个很好的例子。它甚至有一个关于如何完成这项任务的很好的指南。然而，指南中的一个主要步骤需要Mac的视频编码能力。我用的是Windows。是否有解决方法或其他实现这一目标的方法?
谢谢,追逐
这篇CSS Tricks文章展示了我想要完成的一个很好的例子。
我在Windows上，所以我不能确认一个工作的答案，但尝试…
(1)测试只使用一个iOS源(必须是MOV或MP4)与"hevc"作为编解码器。
<video width="600" autoplay loop muted playsinline>
<source src="movie_HEVC.mov" type='video/quicktime; codecs="hevc"'>
</video>
(2)在Windows上，尝试使用FFmpeg编码Pro-Res 444视频。
ffmpeg -i inputfile.mp4 -c:v prores_ks -profile:v 3 -qscale:v N -vendor apl0 -pix_fmt yuv422p10le -s 800x600 -r 30 output.mov