正常情况下视频能调用，但是加上点击事件，视频好像就一直处于底部，这个是什么问题

Laya.init(640,960,Laya.WebGL);

Laya.stage.scaleMode = "exactfit";
Laya.stage.alignH = "center";
var Sprite = laya.display.Sprite;

var Bg = new Sprite();
Bg.loadImage("../laya/assets/bg_back.png");
Laya.stage.addChild(Bg);

Bg.on(Laya.Event.MOUSE_DOWN, this, function(){

// 创建Video元素
var videoElement = Laya.Browser.createElement("video");
Laya.Browser.document.body.appendChild(videoElement);

// 设置Video元素地样式和属性

videoElement.style.zInddex = Laya.Render.canvas.style.zIndex + 1;
videoElement.src = "../laya/assets/friend.mp4";
videoElement.controls = true;
videoElement.play();

// 阻止IOS视频全屏
videoElement.setAttribute("webkit-playsinline", true);
videoElement.setAttribute("playsinline", true);
// // 设置画布上的对齐参照物

var reference = new Laya.Sprite();
Laya.stage.addChild(reference);
reference.size(640, 960);
reference.graphics.drawRect(0, 0, reference.width, reference.height, "#CCCCCC");

// 每次舞台尺寸变更时，都会调用Utils.fitDOMElementInArea设置Video的位置，对齐的位置和refence重合
Laya.stage.on(Laya.Event.RESIZE, this, Laya.Utils.fitDOMElementInArea, [videoElement, reference, 0, 0, reference.width, reference.height]);
})