登录   注册

修复BadApplePlayer手机兼容性

网站前端 xlch 1年前 (2017-06-09) 1710次浏览 0个评论 扫描二维码

BadApplePlayer绚丽彩虹播放器)本来就是用HTML5写的,只要支持HTML5的设备都支持这个播放器。

但是很尴尬的一点就是,播放器不是自适应的,是固定宽度的,这就让5寸或更小的设备在播放器弹出后无法收回去。

目前找到的一个比较好的解决办法,使用viewport来设置页面的缩放比例,这样把播放器缩放的小一点,就可以显示了。

具体办法:在网页的head里面添加上

<meta name="viewport" content="属性" />

如果您的模板默认就有这个,那么就不需要添加这个了,直接修改属性就好。

在属性里面填写initial-scale=0.9, maximum-scale=0.9,第一个的意思是默认缩放比例为0.9,第二个的意思是最大缩放比例是0.9

那么,最终的结果就是:

<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />

这样,在5寸手机上就可以完整的显示出播放器了。


绚丽彩虹 , 版权所有丨如未注明 , 均为原创丨未经允许,禁止转载
喜欢 (8)
[pay3@xlch8.cn]
分享 (0)

您必须 登录 才能发表评论!