uniapp开发h5端使用video播放mp4格式视频黑屏,但有音频播放解决方案

mp4格式视频有一些谷歌播放视频黑屏,搜狗浏览器可以正常播放

可能和视频的编码格式有关,谷歌只支持h.264编码格式的视频播放

将mp4编码格式修改为h.264即可

转换方法:

如果是自己手动上传文件可以手动转换

如果是后端接口调取的地址就需要后端代码去转换

手动转换

使用工具格式工厂(免费的)下载地址:格式工厂 官方主页 - 免费多功能的多媒体文件转换工具

第一步:点击mp4

第二步:点击添加文件选择想要转换编码的mp4格式视频文件

第三步:点击右上角输出配置

第四步:视频编码选择为h264,然后点击右下角确定

第五步:再点击右下角确定

第六步:此时已经有一条视频,点击开始

完成后文件夹里就有转码成功后的视频文件了。

结束

相关推荐
上海合宙LuatOS14 小时前
LuatOS核心库API——【audio 】
java·网络·单片机·嵌入式硬件·物联网·音视频·硬件工程
Android系统攻城狮15 小时前
Android16进阶之音频播放定位MediaPlayer.seekTo调用流程与实战(二百二十七)
音视频·mediaplayer·android16·音频进阶·音频性能实战
晚霞的不甘16 小时前
Flutter for OpenHarmony 可视化教学:A* 寻路算法的交互式演示
人工智能·算法·flutter·架构·开源·音视频
听麟16 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务
晚霞的不甘17 小时前
Flutter for OpenHarmony 实现计算几何:Graham Scan 凸包算法的可视化演示
人工智能·算法·flutter·架构·开源·音视频
零一iTEM18 小时前
MAX98357A_音频输出测试
单片机·嵌入式硬件·开源·音视频·硬件工程
奔跑的web.19 小时前
UniApp 路由导航守
前端·javascript·uni-app
Android系统攻城狮19 小时前
Android16进阶之获取播放位置MediaPlayer.getCurrentPosition调用流程与实战(二百二十八)
音视频·android16·音频进阶·音频性能实战
特立独行的猫a20 小时前
主要跨端开发框架对比:Flutter、RN、KMP、Uniapp、Cordova,谁是未来主流?
flutter·uni-app·uniapp·rn·kmp·kuikly
愚公搬代码21 小时前
【愚公系列】《AI短视频创作一本通》020-AI短视频创作实例精解(文旅宣传AI短视频实例精解)
人工智能·音视频