HTML中使用video标签播放后端返回的MP4格式视频

　　前端小白，刚工作不久，项目中要显示一些图片视频数据，获取到后端返回的数据对象后，写了video标签播放视频，但是只有IE浏览器可以成功显示视频（怪了），chrome浏览器和火狐显示不了视频。

　　　　　　　<div class="item-box">
                <i class="icon-blue"></i><span class="base-span">视频资料</span>
                <div class="flex-style">
                    <video style="margin: 10px;" width="500px" controls="controls">
                        <source :src="productDetails.productVideo" type="video/mp4"></source>
                    </video>
                </div>
            </div>

　　搜索资料发现大佬们都说的是把视频转码为chrome可以播放的格式（ogg格式），或者将MP4的编码方式转换为H.264，不过转码工具ffmpeg我也不会。

　　之后自己改的过程中发现，竟然改成这样各个浏览器就都可以了？

<div class="item-box">
    <i class="icon-blue"></i><span class="base-span">视频资料</span>
    <div class="flex-style">
    　　<video :src="productDetails.productVideo" controls="controls" type="video/mp4" style="margin: 10px;" width="500px"></video>
    </div>
</div>

　　还没看为啥在video里用source写就不行，先记录一下。