APICloud的video不能实现全屏效果

YangSong

最近用APICloud开发视频页面，首先选择的是原生HTML5原生的video标签，有个小小的问题，在一些手机里显示正常，在一些手机上显示不正常，例如乐视手机，而且点击全屏后，视频是全屏了，但是方向依然没有变，大小跟全屏前是一样的，没有横屏铺满屏幕的效果，这个是很坑的。。。，后来采用videoplayer模块开发视频，更坑的是，居然没有进度条。。。，但是同样的也页面放在浏览器上显示，全屏效果是完好的，不知道为什么到了APICloud上就显示非常low了，希望官方或者其他爱好者能给解决一下这个问题，你们通过APICloud开发视频的时候是如何解决这个问题的，在线急等！

技术支持-M

IOS是可以全屏的，但有些安卓有手机不行

YangSong

技术支持-M 发表于 2016-1-19 15:06
IOS是可以全屏的，但有些安卓有手机不行

我想说IOS遇到这个问题后，如果不手动把手机横屏依然不能铺满全屏，还是半屏的显示，Andriod设备的话，我目前没有看到一款手机能做到全屏效果，哪怕是IOS这种效果很差的全屏效果都没有，希望官方能给一个完美的解决方案

技术咨询-F

var videoPlayer = api.require('videoPlayer');
                        videoPlayer.play({
                                texts : {
                                        head : {
                                                title : '顶部文字'
                                        }
                                },
                                styles : {
                                        head : {
                                                bg : 'rgba(0.5,0.5,0.5,0.7)',
                                                height : 44,
                                                titleSize : 20,
                                                titleColor : '#fff',
                                                backSize : 44,
                                                backImg : 'fs://img/back.png',
                                                setSize : 44,
                                                setImg : 'fs://img/set.png'
                                        },
                                        foot : {
                                                bg : 'rgba(0.5,0.5,0.5,0.7)',
                                                height : 44,
                                                playSize : 44,
                                                playImg : 'fs://img/back.png',
                                                pauseImg : 'fs://img/back.png',
                                                nextSize : 44,
                                                nextImg : 'fs://img/back.png',
                                                timeSize : 14,
                                                timeColor : '#fff',
                                                sliderImg : 'fs://img/slder.png',
                                                progressColor : '#696969',
                                                progressSelected : '#76EE00'
                                        }
                                },
                                path : 'http://**.**2.z0.glb**.**/c1.1.mp4', //（可选项）字符串类型；文档的路径，支持网络和本地（fs://）路径；默认：未传值时不播放
                                //在 android 平台上不支持 widget://
                                autoPlay : true, //（可选项）布尔类型；打开时是否自动播放；默认：true（自动播放）
                                autorotation:false
                        }, function(ret, err) {
                                if (ret) {
                                        alert(JSON.stringify(ret));
                                } else {
                                        alert(JSON.stringify(err));
                                }
                        });

技术咨询-F

进度条可以自定义样式 ，参考文档：http://docs.apicloud.com/%E7%AB% ... B1%95/videoPlayer#0

autorotation:

    类型：布尔
    描述：（可选项）视频播放页面是否支持自动旋转（横竖屏），若为 false 则手动点击右下角按钮旋转
    默认值：true（根据设备当前方向自动适配旋转）
autorotation 设置为false，即不需旋转就全屏了。

YangSong

技术支持-F 发表于 2016-1-19 15:51
var videoPlayer = api.require('videoPlayer');
                        videoPlayer.play({
                                texts : {

您给了这么一大堆的模块使用代码，我想知道用原生video标签可以做吗？为什么用浏览器打开相同的网页，上面全屏退出全屏都是完好的，测试了好几种浏览器，百度、微信、UC的都可以都没有问题，为什么相同的HTML嵌套在APICloud里就不行了呢，请问APICloud解析HTML是通过类似带有内核的浏览器呢还是其它的组件解析的，好多都是在浏览器上测试没问题后，嵌套在APICloud上就出现问题，这个好无助啊。。。

YangSong

技术支持-F 发表于 2016-1-19 15:56
进度条可以自定义样式 ，参考文档：http://docs.apicloud.com/%E7%AB%AFAPI/%E5%8A%9F%E8%83%BD%E6%89%A9%E ...

嗯，好的，谢谢您给的这个解决方案，我先试一下这个videoplayer模块，但是还是希望你们能给一个如何用原生video开发的解决方案好吧，毕竟采用模块开发的形式不是非常好，还需要云编译才有效果

YangSong

技术支持-F 发表于 2016-1-19 15:56
进度条可以自定义样式 ，参考文档：http://docs.apicloud.com/%E7%AB%AFAPI/%E5%8A%9F%E8%83%BD%E6%89%A9%E ...

请问这位技术大神，我们的视频地址是经过加密的，用您刚才给的解决方案有效果吗，我们的同事用这个模块开发过，是解析不了加密视频地址的，但是用浏览器是可以的，速给一个答复啊，谢谢了

lcj231700764

给你推荐个播放器sewise player 支持html5的。。觉得全屏有问题就自己在全屏按钮的点击事件上加代码，修改video标签样式

技术咨询-F

YangSong 发表于 2016-1-19 15:57
您给了这么一大堆的模块使用代码，我想知道用原生video标签可以做吗？为什么用浏览器打开相同的网页，上 ...

你代码发一下，截图发一下