帖子
帖子
用户
博客
课程
1234下一页
返回列表 发新帖
3
帖子
0
勋章
22
Y币
技术支持-F 发表于 2016-1-19 16:17
你代码发一下,截图发一下

var videoPlayer = api.require('videoPlayer');
videoPlayer.play({
        texts: { head: { title: '测试视频01' } },
        styles: {
                head: {
                        bg: 'rgba(0.5,0.5,0.5,0.7)',
                        height: 44,
                        titleSize: 20,
                        titleColor: '#fff',
                        backSize: 24,
                        setSize: 24
                },
                foot: {
                        bg: 'rgba(0.5,0.5,0.5,0.7)',
                        height: 30,
                        playSize: 24,
                        nextSize: 24,
                        timeSize: 14,
                        timeColor: '#fff',
                        progressColor: '#696969',
                        progressSelected: '#76EE00'
                }
        },
        path: 'http://**.**2.z0.glb**.**/c1.1.mp4',
        autoPlay: true,
        autorotation: true
}, function (ret, err) {
        if (ret) {
                alert(JSON.stringify(ret));
        } else {
                alert(JSON.stringify(err));
        }
});
我现在的问题是,我通过这种方式确实能够打开视频,但是跟我的需求不一样,我现在的需求是,在某个页面的某一个区域是视频区域,点击在当前区域播放而不是立马弹出一个全屏播放器,因为我可能放着视频边看当前页面的其它内容,所以我希望视频能在他所在的区域播放,这个能实现吗?
3
帖子
0
勋章
22
Y币
技术支持-F 发表于 2016-1-19 16:17
你代码发一下,截图发一下

<video id="video1" class="video-js" controls preload="none" data-setup="{}">
        <source src="http://**.**2.z0.glb**.**/c1.1.mp4" type="video/mp4">
</video>
3
帖子
0
勋章
22
Y币
技术支持-F 发表于 2016-1-19 16:17
你代码发一下,截图发一下

<video id="video1" class="video-js" controls preload="none" data-setup="{}">
        <source src="http://**.**2.z0.glb**.**/c1.1.mp4" type="video/mp4">
</video>
我采用video这种原生方式开发视频,播放、暂停、进度条都没有问题,为什么点击全屏没有效果呢,放在PC、移动浏览器上都没有问题,请问APICloud是不是做了什么限制?如果这里可以真正做到全屏效果的话,比起其它模块来要好得多
380
帖子
4
勋章
6
Y币
YangSong 发表于 2016-1-19 17:20
var videoPlayer = api.require('videoPlayer');
videoPlayer.play({
        texts: { head: { title: '测试视 ...

videoPlayer  的open接口
380
帖子
4
勋章
6
Y币
YangSong 发表于 2016-1-19 17:26
我采用video这种原生方式开发视频,播放、暂停、进度条都没有问题,为什么点击全屏没有效果呢,放在P ...

你用手机自带的系统浏览器打开看看什么效果,pc浏览器都自己做了特殊处理,样式都不一样了吧。
20
帖子
1
勋章
7577
Y币
APICloud没有做任何限制,你用系统浏览器是什么效果,在APICloud上就是什么效果。注意是Google系统自带浏览器。不是QQ、百度、360之类的第三方经过定制的浏览器。
全屏的思路很简单,如附件,参考一下,自行发挥。
video.zip 下载附件
2016-1-20 10:16上传88.16 KB下载次数: 1068
3
帖子
0
勋章
22
Y币
常山赵子云 发表于 2016-1-20 10:16
APICloud没有做任何限制,你用系统浏览器是什么效果,在APICloud上就是什么效果。注意是Google系统自带浏览 ...

http://**.**/video/html/main.html
3
帖子
0
勋章
22
Y币
常山赵子云 发表于 2016-1-20 10:16
APICloud没有做任何限制,你用系统浏览器是什么效果,在APICloud上就是什么效果。注意是Google系统自带浏览 ...

http://**.**/video/html/main.html
我用网页做video全屏效果是没有问题的,但是到了APICloud里就不行了,达不到网页那种效果
20
帖子
1
勋章
7577
Y币
通过document请求全屏,在移动设备上是不支持的。你的代码适用于PC,不适合移动端。
12
帖子
0
勋章
125
Y币
lcj231700764 发表于 2016-1-19 16:14
给你推荐个播放器sewise player 支持html5的。。觉得全屏有问题就自己在全屏按钮的点击事件上加代码,修改v ...

有这个模块吗》??
1234下一页
您需要登录后才可以回帖 登录

本版积分规则