关闭

兼容Android的html5移动端视频播放video自动播放/隐藏播放控件

标签: 安卓手机自动播放 安卓手机自带控制条
1785人阅读 评论(0) 收藏 举报

关于安卓系统手机播放视频的痛苦大家都可以吐出一肚子苦水,比如安卓手机上 视频要自动播放啊,底部会出现默认播放控件啊,相信很多人遇到这种问题都会日了狗,近日也遇到这种问题,下面跟大家分享一下填坑的办法(想很完美的解决此类问题的朋友请绕道);

一、隐藏安卓手机自带的播放控件(借鉴:http://www.xyhtml5.com/3252.html#3;感谢作者)
思路是:html中将video标签外包一层,播放的时候让控制条顶出下方



当播放视频时,让视频高度120%,超出.box的高度,这样就可以让控制条顶出下方,配合body的overflow:hidden,就可以做到不显示控制条的效果,当然你一开始就定义视频的样式120%也是可以去尝试的,这里只是说一下思路;



PS:这里我写的视频本身不是全屏视频那种,详细的可以去参考http://www.xyhtml5.com/3252.html#3

二、安卓手机自动播放视频:
思路:利用微信 WeixinJSBridgeReady
最终实现效果页面加载在安卓手机上会有一个自带按扭(如下图1),但是不用点击一秒左右它会自动播放视频如下图2(整体效果跟苹果手机播放视频过程类似),而且从图2中可以看到 安卓手机自带的控制条并没有显示出来;
 
有兴趣的朋友加qq:2361834519 一起聊聊;
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3371次
    • 积分:52
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档