H5实现透明通道视频

H5实现透明通道视频

目前在做一个项目，项目要求是ui和视频相结合，做出动态效果。视频要在ui界面之上，但是又必须可以看见下面的ui界面，所有必须要求视频是透明的。
接着我查了一些资料，但是对h5如何运用透明通道的视频的资料介绍很少。一般透明视频是.mov格式的，但是h5并不支持此格式。所以下面我介绍2种方法。

第一种方法，png序列帧

动画由ui设计师做好，导出透明的png序列帧图片，我们只需要加个定时器每个多少毫秒切换图片即可。下面贴代码

js部分：

$(function(){
    var i=0;
    var timer;
    timer=setInterval(function(){
        i++;
        i=parseInt(i);
        if(i<10){
            $(".img img").attr("src","img/my layout_0000"+i+".png");
        }else