autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn‘t interac

<video controls="controls" autoplay="autoplay">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
</video>

报错：浏览器提示报错-->Uncaught (in promise) DOMException: play() failed because the user didn't interac
分析：浏览器为了提高用户体验，减少性能消耗，只有在发生用户行为的时候才可以播放音频或视频。而页面加载，定时请求不属于用户行为，因此被禁止自动播放

解决办法：

1，如果是视频文件，可以使用muted，静音模式播放视频

<video controls muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

2，设置chrome属性（缺点：只能解决自己终端的问题）

  1)、 打开chrome
  2)、输入 chrome://flags/#autoplay-policy
  3)、点击default，选择 Setting No user gesture is required
  4)、 重启chrome

3，使用iframe播放（亲测可行）

  利用js在请求后，动态创建iframe

let iframe = document.createElement('iframe');
 iframe.src="./src/music/8858.mp3";
document.body.appendChild(iframe);