狼
  • 发布:2015-01-06 16:57
  • 更新:2016-03-04 11:48
  • 阅读:3022

video在安卓4.4以下,控制条显示不正常

分类:HTML5+

简单的VIDEO代码,在安卓4.4以上和IOS下正常,安卓4.4以下就如图,控制条左右都有白色按钮,测试超过5台机器,代码在其他浏览器中一切正常

<video id="media" width="100%" controls="controls">
<source src="http://***.net/uc/video/getMp4?vid=90d87625bfcd01f738caca82aabd27e2_9" />
</video>

2015-01-06 16:57 1 条评论 负责人:无 分享
已邀请:
imfe

imfe

我也是这样的

尘岳two

尘岳two

我这里三星的机子就这样。其他的正常

imfe

imfe

我找到原因了,是mui的css中
.mui-btn,button,input[type=button],input[type=reset],input[type=submit]
和播放器冲突导致的。改一下video 标签的 input[type=button] CSS就行了。

  • 尘岳two

    没看很懂,能给代码看看吗?谢谢

    2015-04-24 09:09

  • 尘岳two

    是怎么找到的?

    2015-04-24 09:15

  • HB小八

    如何改的 求代码

    2015-04-24 10:44

  • imfe

    如果不用mui的默认按钮css,在mui.css文件中查找 .mui-btn,button,input[type=button],input[type=reset],input[type=submit] 把类中的 input[type=button]去掉就行了

    2015-04-25 15:30

  • imfe

    或者你也可以在 播放器的页面 重新定义 .mui-btn,button,input[type=button],input[type=reset],input[type=submit] 的样式内容

    2015-04-25 15:32

  • zsz

    有没有尝试过视频用原生控件在页面中播放,video标签有的设备播放很卡,求方法

    2015-08-17 19:40

wp_drifter

wp_drifter

video,input[type=button] {padding:0;border:0px solid #ccc; }

该问题目前已经被锁定, 无法添加新回复