如何获取具有 alpha 透明度的网络视频以在移动 safari 中播放？

Question

我正在尝试将具有 Alpha 透明度的网络视频添加到网站。该视频采用 .WebM 格式，因此没有问题。当使用最新的 iOS 在 safari 上查看时，我意识到 Apple 不支持 WebM。经过一番研究后，我总是陷入死胡同。

我尝试将其转换为 HEVC 编码视频，但仍然不起作用。我尝试以 Apple ProRes 4444 XQ .mov 格式从 Premier 重新导出视频文件，但这也不起作用。

我的代码只是标准的 HTML5，第二个视频源是我尝试过的，但无法在 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 上。有解决方法或任何其他方法来实现这一目标吗？

谢谢， 蔡斯

Answer 1

这篇

CSS 技巧文章展示了我想要实现的目标的一个很好的例子。

我也在 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

Answer 2

您可以使用

Shutter Encoder来转换它。