需求的场景描述:
字节小游戏,录屏结束后,分享前在游戏内播放出来,如下图

希望提供的能力:
游戏内播放录屏视频,试过用Laya的视频播放案例但是只在网页中有用,在真机上的头条没有视频,案例代码如下
class DOM_Video {
constructor() {
Laya.init(800, 600);
Laya.stage.bgColor = "#FFFFFF";
Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
// 创建Video元素
var videoElement:any = Laya.Browser.createElement("video");
Laya.Browser.document.body.appendChild(videoElement);
// 设置Video元素地样式和属性
videoElement.style.zInddex = Laya.Render.canvas.style.zIndex + 1;
videoElement.src = "../../res/av/mov_bbb.mp4";
videoElement.controls = true;
// 阻止IOS视频全屏
videoElement.setAttribute("webkit-playsinline", true);
videoElement.setAttribute("playsinline", true);
// 设置画布上的对齐参照物
var reference:Laya.Sprite = new Laya.Sprite();
Laya.stage.addChild(reference);
reference.pos(100, 100);
reference.size(600, 400);
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]);
}
}
new DOM_Video();