无法在chrome中自动播放媒体元素js

var video = document.getElementById("myVideo"); // 获取媒体元素

function playVideo() {
  video.play(); // 手动触发媒体的自动播放
}

function detectBrowserAndPlay() {
  var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); // 检测是否为Chrome浏览器
  if (isChrome) {
    document.addEventListener("click", playVideo); // 监听页面点击事件，当用户点击页面时触发自动播放
  } else {
    video.play(); // 其他浏览器直接自动播放媒体
  }
}

detectBrowserAndPlay();