我用官方的实例写了个播放VIDEO的例子,然后再上面加了一层UI,目的是想点击UI,然后播放我的视频。我在IOS 端 发现可以正常点击,正常播放,但是在安卓 微信打开 不支持同层播放,它播放时调用了系统的播放器,而且 我想隐藏播放控制按钮后,那个视频都不显示了。

下面是 创建视频的主要代码

private function initVideo():void

{

// TODO Auto Generated method stub

// 创建Video元素

var div:* = Browser.createElement("div");

div.setAttribute("id", "videobox");

Browser.document.body.appendChild(div);

//var canvas:* = Browser.getElementById("layaCanvas")

//canvas.appendChild(videoElement)

videoElement = Browser.createElement("video");

div.appendChild(videoElement);

//Browser.document.body.appendChild(videoElement);

videoElement.setAttribute("id", "myvideo");

//Browser.document.body.appendChild(videoElement);

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

videoElement.style.zIndex = Render.canvas.style.zIndex+1;

videoElement.src = this.url;

videoElement.controls = false;//不现实控制播放按钮

//videoElement.autoplay = "autoplay";//自动播放

//videoElement.poster = GoldConsts.imgUrl; //设置在视频播放之前所显示的图片的 URL。

// 阻止IOS视频全屏

videoElement.setAttribute("webkit-playsinline", true);

videoElement.setAttribute("playsinline", true);

videoElement.setAttribute("x5-video-player-type",'h5');

//videoElement.setAttribute("x5-video-player-fullscreen",true);

videoElement.setAttribute("x-webkit-airplay",true);

videoElement.setAttribute("x5-video-orientation","portrait");

videoElement.setAttribute('preload', 'preload');

videoElement.setAttribute('width', '100%');

videoElement.setAttribute('height', '100%');

//videoElement.playbackRate = 2;//加速播放

// 设置画布上的对齐参照物

reference = new Sprite();

this.addChild(reference);

reference.pos(0, 0);

reference.size(GoldConsts.contextWidth, GoldConsts.contextHeight);

reference.graphics.drawRect(0, 0, reference.width, reference.height, "#cccccc");

// 每次舞台尺寸变更时,都会调用Utils.fitDOMElementInArea设置Video的位置,对齐的位置和refence重合

Laya.stage.on(Event.RESIZE, this, Utils.fitDOMElementInArea, [videoElement, reference, 0, 0, reference.width, reference.height]);

}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐