起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 12949|回复: 14

[处理中6] html5 <video>视频控制条显示不正常

[复制链接]

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
发表于 2015-12-21 17:02:07 | 显示全部楼层 |阅读模式
如图
视频开始和结束都会弹出控制条,但当视频放了一小会儿控制条就消失了,并且怎么点击视频,控制条都不会出现。导致视频不能控制关闭
并且还有这个奇怪的方法 this.options.handleClick:true 点击一次增加一次。
想知道这是怎么回事,怎么解决。
QQ截图20151221165609.png
QQ截图20151221165445.png
QQ截图20151221170305.png

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35942
发表于 2015-12-22 09:19:08 | 显示全部楼层
在html文件中是否有这个问题?
这个是HTML5标准的平台不会去做控制,可以到网上查找一下是否有类似的问题
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2015-12-22 14:44:19 | 显示全部楼层
jishuang 发表于 2015-12-22 09:19
在html文件中是否有这个问题?
这个是HTML5标准的平台不会去做控制,可以到网上查找一下是否有类似的问题 ...

视频是循环生成的,如果是单个页面单个视频是完全没问题的。但是循环出来就有这种问题。
下面是我的代码:
var i = 0;
               
                this.comp("movie_info_data").each(function(param) {

                        $("[xid=moviepage_scroll_content]").append("<div xid='movie_word_info"+i+"' class='movie-word-info'><div xid='movie_info"+i+"' class='movie-info'></div><div xid='m_word_info"+i+"' class='m_word-info'>hgdfhgdf</div></div>");
                       
                        $("[xid=movie_info"+i+"]").append("<video xid='video"+i+"' width='90%' poster='"+param.row.val("moviePoster")+"' style='margin:10px 5% 0 5%;' controls='controls'><source src='"+param.row.val("movieSrc")+"' type='video/mp4'/></video>");
                        i = i + 1;
                });
回复 支持 反对

使用道具 举报

发表于 2015-12-22 21:23:29 | 显示全部楼层
fcxmlybf 发表于 2015-12-22 14:44
视频是循环生成的,如果是单个页面单个视频是完全没问题的。但是循环出来就有这种问题。
下面是我的代码 ...

参考:http://doc.wex5.com/?p=4202#2.2
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2015-12-23 10:02:18 | 显示全部楼层
liangyongfei 发表于 2015-12-22 21:23
参考:http://doc.wex5.com/?p=4202#2.2

我video可以正常的循环出来,但是,使用不正常啊!!!并不是不能生成出来。
有几个问题:
1.循环出来华为手机不能播放。
2.谷歌浏览器测试可以播放,但是进度控制条(开始/暂停/快进)消失以后就不会再出来了,导致视频不能 (暂停/停止/快进)。只有视频自己播放完了,进度条才会自己显示出来,为什么?
3.魅族手机测试和谷歌浏览器一样。
4.离开这个页面视频还自动播放?不会自己暂停/停止?
回复 支持 反对

使用道具 举报

发表于 2015-12-23 13:09:22 | 显示全部楼层
fcxmlybf 发表于 2015-12-23 10:02
我video可以正常的循环出来,但是,使用不正常啊!!!并不是不能生成出来。
有几个问题:
1.循环出来华 ...

请问你的安卓手机版本是多少?4.4以下版本要使用增强型浏览器,4.4及以上版本不需要
还有,你可以使用视频的crodova插件试试:http://doc.wex5.com/?p=11382
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2015-12-23 15:47:29 | 显示全部楼层
liangyongfei 发表于 2015-12-23 13:09
请问你的安卓手机版本是多少?4.4以下版本要使用增强型浏览器,4.4及以上版本不需要
还有,你可以使用视频 ...

手机肯定是安卓4.4版本的了。我看了你给的链接
所在位置:com.phonegap.plugins.videoplayer调用名称:cordova.plugins.videoPlayer案例路径:/UI2/demo/native/videoplayer
我是3.2.1的正式版,没看到这个案例。
回复 支持 反对

使用道具 举报

发表于 2015-12-23 16:47:49 | 显示全部楼层
fcxmlybf 发表于 2015-12-23 15:47
手机肯定是安卓4.4版本的了。我看了你给的链接
所在位置:com.phonegap.plugins.videoplayer调用名称:cor ...

3.3版本才会有这个案例的
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2015-12-24 10:45:01 | 显示全部楼层
liangyongfei 发表于 2015-12-23 16:47
3.3版本才会有这个案例的

- - 那现在还没有,要怎么搞?
回复 支持 反对

使用道具 举报

发表于 2015-12-24 11:55:24 | 显示全部楼层
fcxmlybf 发表于 2015-12-24 10:45
- - 那现在还没有,要怎么搞?

这两天马上就要发布了!您可以先做其它的功能
或者看看3.3的抢先版
http://bbs.wex5.com/forum.php?mo ... 3&pid=165198411
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-17 15:49 , Processed in 0.082176 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表