HTML5中的透明视频

Question

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

Answer 1

我建议您仅使用gif。我不确定我是否理解您的问题。但通常mp4不支持透明背景。 GIF可以。如果您想要声音，则需要在代码中手动播放其声音文件。

Answer 2

mp4和大多数其他常见的视频格式不支持alpha透明度。

您需要做的是确定要嵌入视频的网站的背景色，并将视频的背景色设置为编码时的背景色。

Answer 3

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

您可以改用webm。 Here is some details about webm来自Google。并非所有浏览器都支持webm，这是support list。

如果您真的想使用MP4，请使用以下JavaScript库：seeThru

  

您的HTML5视频源被重新渲染为画布元素，并添加   在视频中使用透明胶片的可能性。字母信息   包含在视频的源文件中（移动中）或   单独的元素（静态）。

它在HTML5桌面浏览器（甚至是IE9）上也能很好地工作。