html5中的透明视频

Question

我有一个 mp4 格式的透明背景视频。我正在尝试在 html 中添加此视频。每次都会添加视频，但屏幕上没有任何显示，但该视频在 vlc 播放器中运行良好。我已将此视频从 flv 转换为 mp4。我也试过另一个 mp4 视频，它们可以工作，但这个不行。

原文由 raj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

MP4 视频不支持 alpha 通道，因此您不能使用 MP4 获得透明背景。

您可以使用 webm 代替。 以下是来自 Google 的有关 webm 的一些详细信息。并非所有浏览器都支持 webm ，这里是一个 支持列表。

如果你真的想使用 MP4 这里有一个 javascript 库可以做到这一点： seeThru

您的 HTML5 视频源被重新呈现为画布元素，增加了在视频中使用透明胶片的可能性。 Alpha 信息要么包含在视频的源文件（移动）中，要么包含在单独的元素（静态）中。

它在 HTML5 桌面浏览器（甚至 IE9）上运行良好。

原文由 André DS 发布，翻译遵循 CC BY-SA 4.0 许可协议