Chrome、firefox浏览器中video标签无法播放MP4视频问题

这段时间做项目，用到了video标签，发现在edge里面正常播放视频，到了chrome、firefox里面无法播放视频。一开始以为是跨域问题，后来才发现是MP4格式编码方式的问题。video标签支持的是H.264方式编码的MP4文件。
解决办法：（此方法适用于会用ffmpeg的同学）
用转码工具，如ffmpeg。配置方式请参考：
https://blog.csdn.net/yy3097/article/details/51063950
将MP4的编码方式转换为H.264。转换命令如下：

ffmpeg -i XXX.mp4 -vcodec h264 YYY.mp4

XXX.mp4是要转换的MP4视频，YYY.MP4是转换之后输出的MP4视频。
然后用转换之后的MP4视频播放，完美解决。