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

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

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

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

转换方法:

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

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

手动转换

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

第一步:点击mp4

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

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

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

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

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

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

结束

相关推荐
Eric.Lee202116 分钟前
moviepy将图片序列制作成视频并加载字幕 - python 实现
开发语言·python·音视频·moviepy·字幕视频合成·图像制作为视频
却道天凉_好个秋21 分钟前
音视频学习(二十四):hls协议
音视频·hls
darkdragonking13 小时前
FLV视频封装格式详解
音视频
元争栈道14 小时前
webview和H5来实现的android短视频(短剧)音视频播放依赖控件
android·音视频
web1508509664114 小时前
在uniapp Vue3版本中如何解决webH5网页浏览器跨域的问题
前端·uni-app
元争栈道16 小时前
webview+H5来实现的android短视频(短剧)音视频播放依赖控件资源
android·音视频
MediaTea20 小时前
Pr:音频仪表
音视频
桃园码工20 小时前
13_HTML5 Audio(音频) --[HTML5 API 学习之旅]
音视频·html5·audio
何极光1 天前
uniapp小程序样式穿透
前端·小程序·uni-app
cuijiecheng20181 天前
音视频入门基础:MPEG2-TS专题(21)——FFmpeg源码中,获取TS流的视频信息的实现
ffmpeg·音视频