autoplay标签在chrome中失效的问题

早在我的第一期前端五子棋中就遇到这个令人头疼的问题，最开始是由于谷歌版本的更新，为了更安全所以就取消autoplay这个自动播放的功能，后来我也再网上搜索到了很多解决方案，也只是瞎猫碰到死耗子恰巧解决了整个问题，至于我在前端五子棋第二版所说的那个解决方案，仅仅是由于服务器不支持中文，使得中文名乱码而找不到mp3音频所导致的问题。
进入正题，可以参看我给出的五子棋的代码为例来叙述我的解决过程。（两版本对于此问题的处理代码是一样的）
首先，网上最流行的一劳永逸的方法是直接更改谷歌浏览器对于Autoplay 的默认设置。
详细步骤如下：
在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，修改为 “No user gesture is required” 就可以了
显然，这种方法我使用失败了，失败的原因是根本搜索不到Autoplay policy，估计应该就是我的谷歌有毒。所以后面的方法我只能从代码的角度来解决。
用代码解决，说白了也就是自己用代码实现autoplay的功能，也就是变成“手动的自动播放”。
此时，肯定是需要js代码来实现，其实在这里用代码实现也就一行代码而已：

document.querySelector('.music').play();

运气好，就直接成功了，想手动暂停音乐，可以使用下面的一行代码：

document.querySelector('.music').muted = true;