video标签的使用

先熟悉video标签的常用属性：src 属性（视频链接）、controls属性（视频控件，提供播放、暂停、进度条等）、autoplay属性（自动播放）、loop属性（循环播放）、muted属性（静音播放）

<video controls autoplay muted loop style="margin-top: 30px; width: 560px; height: 360px" >
        <source src="/videos/100ms_压强云图.mp4" type="video/mp4" >
    </video>
    <video controls autoplay muted loop style="margin-left: 10px; width: 560px; height: 360px">
        <source src="/videos/100ms_压强云图及Pt曲线.mp4" type="video/mp4">
    </video>

发现问题：在加入autoplay属性后没有自动播放视频，必须加上muted属性，有的浏览器不允许非静音自动播放，如谷歌、火狐浏览器等，所以要加上muted属性，才会自动播放。

有的框架编码不支持某些视频格式，需要先将视频转换所需的格式，这里提供一种在线免费转码的工具onlineconvertfree.com