ios下app内嵌h5页面是video适配问题

Posted 泛舟江湖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios下app内嵌h5页面是video适配问题相关的知识,希望对你有一定的参考价值。

ios下做新闻详情用h5页面实现然后打包到app中,其中新闻详情页会有视频,安卓下video的poster可以做到适应video大小,但是ios下会按照poster图片大小将video等比撑大,但是视频显示不全(超出手机宽度),原始poster图片大小是750x420尝试诸多方法包括设置object-fit:fill;等,都无效,最后把封面图等比缩小为420x236完美解决;

总结:

ios下的webview会将video的poster等比放大适应video;但不会等比缩小适应video;

以上是关于ios下app内嵌h5页面是video适配问题的主要内容,如果未能解决你的问题,请参考以下文章

app内嵌h5页面:前端与原生语言的配合

App内嵌H5网页点击内部链接跳转问题处理

app内嵌h5页面问题总结

关于APP内嵌H5后退按钮问题

关于APP内嵌H5后退按钮问题

iphoneX适配-客户端H5页面