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 標籤的兼容性是在太差了 哎 正在做各種手機的兼容性問題