我可以使用HTML5视频标签制作具有透明背景的视频吗？ [英] Can I have a video with transparent background using HTML5 video tag?

问题描述

我们在绿色屏幕上拍摄了一位发言人，并准备好多种格式的视频文件。

使用Flash我们可以在param和embed标签中使用透明的wmode，但是在HTML5中有没有类似于视频和源代码的东西？是否可以正确保存.m4v或.ogv视频，以便我们可以在浏览器上以透明背景播放这些文件？

谢谢

解决方案

是的，这种事情在没有Flash的情况下是可能的： > http://hacks.mozilla.org/2009/06/tristan-washing -machine /

http://jakearchibald.com/ scratch / alphavid /

但是，只有非常流行的浏览器支持HTML5视频，并且在部署时应该考虑这一点HTML 5，你应该提供一个回退（可能是Flash或者只是省略透明度）。

We filmed a spokesperson on a green screen and have the video files ready in multiple formats.

With Flash we could use the wmode transparent within the param and embed tags, but is there something similar to this with the video and source tags in HTML5? Is it even possible to properly save .m4v or .ogv videos so that we can play these files with transparent backgrounds on our browsers?

Thanks

解决方案

Yes, this sort of thing is possible without Flash:

• http://hacks.mozilla.org/2009/06/tristan-washing-machine/
• http://jakearchibald.com/scratch/alphavid/

However, only very modern browsers supports HTML5 videos, and this should be your consideration when deploying in HTML 5, and you should provide a fallback (probably Flash or just omit the transparency).

这篇关于我可以使用HTML5视频标签制作具有透明背景的视频吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！