web端MP4视频部分浏览器不显示

330 阅读1分钟

今天遇到一个问题,在本机上将视频作为背景展示没有问题,部分客户浏览器,视频却无法加载出来。针对这个问题看了好久的代码都没有问题,视频在文件夹中也能正常访问。

客户浏览器 5879b17731b591dbcffe8c975d59590.png 单独把视频拉出来看,他竟然不是播放mp4

d12be276556647456b35eb80d0e2fd8.png

后续查看了具体Chrome支持格式,参考地址:Audio/Video (chromium.org)

image.png 从上面的图片中我使用这个mp4文件的编解码器事H.265,而Chrome浏览器H.265 ,我使用的是MP4文件H.265的编解码器,而Chrome浏览器H.265仅在底层操作系统支持的情况下使用Google Chrome。 解决方法: 找一个在线转码工具,我这边使用的地址: 转换为MP4在线 - 免费视频转换工具 (video2edit.com)

image.png 选择视频编解码器H.264,上传图片,其他默认,开始转码(上传文件速度较慢,建议打开魔法)

image.png 转码完成把这个视频替换掉原视频,问题解决。

image.png