微信视频全屏问题解决方案
16lz
2021-01-26
1、微信浏览器下解决默认video全屏问题
ios:给video加一下属性
webkit-playsinline="true" playsinline="true"
android:给video加一下属性 x5-video-player-type="h5"x5-video-player-fullscreen="true"
2、按照上述方法Android还会有点问题,视频的上下方会出现黑边。解决办法是给video的样式里添加
object-fit: fill;
3、最后一点是需要注意的是android和ios最好使用不同分辨率的视频,防止视频拉伸严重。
实际应用案例:http://client.elloworld.cn/meizu/ycvideo/ 这里ios使用了640*1040分辨率的视频,android使用了640*1138分辨率的视频,仅供参考。
更多相关文章
- Android重写View并且自定义属性(二)
- Android-EditText属性大全
- Android开发中ImageView的scaletype属性用法分析
- Android动态换肤开源库Colorful发布
- 动态壁纸,视频特效- Android
- android NDK 之C调java属性及方法
- android播放网络或者本地视频(截取某帧做封面)VideoView原生控件
- 显示界面的时候直接获取到EditText焦点弹出键盘
- Android(安卓)属性动画 实现view翻转 旋转 平移 拉伸 透明度 背