微信H5项目,需要做一个电视机播放视频的效果,采用的方法是canvas层级在上,video标签在下,将图片元素挖空后绘制在canvas中:(编辑器中效果正常)

现在的问题是,在浏览器运行时电视机中间镂空部分显示灰色背景挡住了视频,即使在脚本onload函数中设置:document.getElementsByClassName(“GameCanvas”)[0].style.backgroundColor = cc.color(0,0,0,0);也依然无效,灰色背景依然存在:


灰色背景颜色为rgb(50,,50,50),#323232的灰色。
求教,这种情况应该如何取消默认的灰色背景,或者是否有其他的规避方法:?
不建议采用canvas和video重叠的方式,试试吧video隐藏,用代码,吧video上播放的帧画面,同步到canvas里
