video标签的play方法报错:Uncaught (in promise) DOMException play() failed because the user didnt interact

最近有个在页面上展示视频的需求，是让用户一开始进入页面的时候就进行播放。
其实忘了 video 标签有个 autoplay的属性 暂且忽略这个吧

然后就是使用哪个paly 方法 进行控制播放

 <video controls class="video">
      <source src="../../video/douyin.mp4" type="video/mp4">
  </video>
// js代码
$('.video')[0].play();

然后就给我报了上面的错误 大概意思就是 没有经过用户的同意 是不允许直接播放视频的
要不你就静音 播放

这个静音播放是给 video 标签上 加上一个 muted属性 静音播放 播放的时候 用户想听声音了 让他自己再重新打开
// 自动播放不需要js控制 有一个 autoplay的属性加上就好了

<video controls autoplay="autoplay" class="video" muted>
    <source src="../../video/douyin.mp4" type="video/mp4">
  </video>

但是 video 标签的兼容性是在太差了 哎 正在做各种手机的兼容性问题