html video在手机上按钮位置问题,video在安卓手机上,怎么设置同层播放,还有怎么设置隐藏控制播放按钮...
我用官方的实例写了个播放VIDEO的例子,然后再上面加了一层UI,目的是想点击UI,然后播放我的视频。我在IOS端发现可以正常点击,正常播放,但是在安卓微信打开不支持同层播放,它播放时调用了系统的播放器,而且我想隐藏播放控制按钮后,那个视频都不显示了。下面是创建视频的主要代码private function initVideo():void{// TODO Auto Generated...
我用官方的实例写了个播放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]);
}
更多推荐
所有评论(0)