视频上方增加UI

注意：以下所有内容仅在h5版本有效，安卓、ios未知

1.点开编辑器

2.找到 static 文件夹，点开 preview-templates 文件夹 ，找到 boot.js文件点开修改
3.搜索cc.game.run方法  在该方法上方添加代码

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;//--wp

4.在所在脚本中加入以下代码，可放入 start 方法中

cc.director.setClearColor(new cc.Color(0, 0, 0, 0));
let video0 = document.getElementsByClassName('cocosVideo')[0];
video0.style.zIndex = 5;
let gCanvas = document.getElementsByClassName('gameCanvas')[0];
gCanvas.style.position = 'relative';
gCanvas.style.zIndex = 10;

5.构建项目，在构建的项目下 找到带md5的 main.js 脚本打开，找到其中的 

cc.game.run(option, onStart);

在这一行上方加入代码改成

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;
cc.game.run(option, onStart);

总结：以上的操作是为了使用vedioPlayer组件时，可以在视频上层增加UI显示，vedioPlayer的渲染会独立于canvas以外单独渲染，会盖住canvas上挂载的UI.