mp4视频的编解码器是H.264。为了播放这个视频，我必须把这个mp4转换成HEVC。瞧，这个解决了！

<video id="video" class="video" preload="metadata" autoplay="" loop="" muted="" >
            <!-- for safari - HEVC -->
            <source src="images/video.mp4" type="video/mp4"> 
            <!-- for chrome - H264 -->
            <source src="images/video.mp4" type="video/mp4">
</video>

我添加了几行代码，因为这个背景视频没有在移动的上播放（iPhone chrome和safari）

<video id="video" class="video" preload="metadata" autoplay muted loop playsinline>
        <!-- below is for safari - HEVC format -->
        <source src="images/home-video.mp4" type="video/mp4">
        <!-- for google -  H264 format -->
        <source src="images/hero-video.mp4" type="video/mp4">
        <!-- for mobile -->
        <source src="images/hero-video.webm" type="video/webm">
        <source src="images/hero-video.ogg" type="video/ogg">
</video>

现在我有一个问题，这个视频不能在Android（Chrome）上播放。. smh

一个很好很简单的方法是简单地复制文件，并在末尾使用.m4v扩展名而不是.mp4，使用内容类型video/x-m4v而不是video/mp4。
示例：

<video preload="metadata" autoplay="" loop="" muted="" >
  <!-- for safari or iOS or anything Apple -->
  <source src="images/video.m4v" type="video/x-m4v">
  <!-- for chrome, firefox, android and remainig friends -->
  <source src="images/video.mp4" type="video/mp4">
</video>

参见：https://en.wikipedia.org/wiki/M4V