美文网首页
【踩坑】微信小程序video踩坑记录

【踩坑】微信小程序video踩坑记录

作者: suesoft | 来源:发表于2021-05-27 09:53 被阅读0次
1、video在部分手机上黑屏,无法播放

解决办法:mp4转码时必须选h264格式,才能保证安卓与ios两端兼容

查看转码格式可以用一些常用播放器查看,比如PopPlayer。将视频拖入播放器 - 右键属性即可查看。


1592295446(1).jpg
2、video在安卓机上视频被拉伸,ios正常

使用微信小程序官方组件video 在安卓真机上出现了变形, 在ios真机以及模拟器上显示正常。设置object-fill:container不起作用。
解决办法:用阿里云转码时将视频画面比例16:9改成原始宽高比3:2就可以了。

安卓机出现变形的视频
安卓,ios正常显示的视频

相关文章

  • 【踩坑】微信小程序video踩坑记录

    1、video在部分手机上黑屏,无法播放 解决办法:mp4转码时必须选h264格式,才能保证安卓与ios两端兼容 ...

  • 【教程】微信小程序入门

    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 ...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • 小程序资源

    小程序webview踩坑小程序图片转二进制微信基础库对应关系

  • scroll-into-view无效的问题

    刚开始写微信小程序。简单记录一下踩的坑。scroll-view使用时怎么都无法跳转,最后解决。简单总结下坑。scr...

  • 微信小程序踩坑记录

    小程序Video组件 问题1 编写重播功能的时候,对于少于两个故事的视频进行重播的时候,因为两个故事已经被加载过了...

  • 微信小程序 踩坑记录

    1、单个页面需要增加下拉刷新功能,在对应页面的.json文件里面已设置:"enablePullDownRefres...

  • 小程序接入微信支付笔记

    最近折腾了一下小程序接入微信支付,对接入的流程有个大概的了解,也踩了不少坑,为了避免以后重复踩坑,这里记录接入流程...

  • mpvue开发微信小程序踩过的坑

    最近公司需要研发微信小程序,中间踩了一些坑记录下来。 利用axios发送交易 直接使用axios报错,因为微信小程...

  • 微信小程序踩坑:FileSystemManager

    微信小程序踩坑:FileSystemManager 文件操作 读写文件路径filePath需要使用wx.env.U...

网友评论

      本文标题:【踩坑】微信小程序video踩坑记录

      本文链接:https://www.haomeiwen.com/subject/cpzlxktx.html