【经验分享】横屏下安卓机视频和输入框还是竖直的,一般的推荐处理方法
安卓机下视频和输入框在竖屏下一般没有问题,横屏时会受系统的一些限制,可以用下边的方法来处理一下
输入框问题,直接使用回调函数调用浏览器弹窗形式的输入框:
https://www.mugeda.com/animation/edit/b424e791
以上链接可以打开另存
视频横屏新方法:作品1,舞台宽520高320,视频宽520高320,视频设置同层,旋转模式默认,发布得到发布链接;作品2,舞台宽520高320,旋转模式强制横屏,舞台上添加网页控件,把作品1的发布链接嵌入,最后发布作品2
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/article/707
视频的问题,目前推荐使用同层视频的功能,但使用同层视频需要视频最好是和屏幕的宽和高是一致的,不然可能无法触发同层视频的功能。然后把视频放到舞台外,再在舞台中用一个按钮添加点击行为(只能是点击行为)去控制视频移到舞台中和控制视频行为(是控制视频行为不是播放视频行为)播放视频。具体请参考这个demo:https://www.mugeda.com/animation/edit/788b7719。另外,可以考虑视频在渲染的时候就直接是旋转了90度的,再放在舞台上。
另外,如果视频本身不大,可以考虑把视频转成关键帧动画做到元件里,并使用元件关联到一个舞台上的一个音频,具体可以参考这个demo:https://cn.mugeda.com/animation/edit/8a19edee
输入框问题,直接使用回调函数调用浏览器弹窗形式的输入框:
https://www.mugeda.com/animation/edit/b424e791
以上链接可以打开另存
视频横屏新方法:作品1,舞台宽520高320,视频宽520高320,视频设置同层,旋转模式默认,发布得到发布链接;作品2,舞台宽520高320,旋转模式强制横屏,舞台上添加网页控件,把作品1的发布链接嵌入,最后发布作品2
输入框的的问题,可以在作品里添加代码来检测用户的屏幕是不是横的,如果不是,给出提示让用户把手机的横屏锁打开并转动屏幕。具体可以参考这个帖子:http://bbs.mugeda.com/?/article/707
视频的问题,目前推荐使用同层视频的功能,但使用同层视频需要视频最好是和屏幕的宽和高是一致的,不然可能无法触发同层视频的功能。然后把视频放到舞台外,再在舞台中用一个按钮添加点击行为(只能是点击行为)去控制视频移到舞台中和控制视频行为(是控制视频行为不是播放视频行为)播放视频。具体请参考这个demo:https://www.mugeda.com/animation/edit/788b7719。另外,可以考虑视频在渲染的时候就直接是旋转了90度的,再放在舞台上。
另外,如果视频本身不大,可以考虑把视频转成关键帧动画做到元件里,并使用元件关联到一个舞台上的一个音频,具体可以参考这个demo:https://cn.mugeda.com/animation/edit/8a19edee
6 个评论
首页设置点击控制视频播放,但是在出现视频播放时屏幕会闪一下,是怎么回事?
安卓手机播放视频 页面显示不正常,上面顶对齐 下边有个白边
视频下方的舞台色吗? 给舞台设置个颜色看看,或者把视频的封面加上试试
看一下是不是视频的尺寸太小造成的
视频横屏新方法:作品1,舞台宽520高320,视频宽520高320,视频设置同层,旋转模式默认,发布得到发布链接;作品2,舞台宽520高320,旋转模式强制横屏,舞台上添加网页控件,把作品1的发布链接嵌入,最后发布作品2
旋转模式改成强制横屏导出还是竖屏怎么回事