在使用js播放video时，会发先控制台会出现
play() failed because the user didn't interact with the document first的报错；
这是因为浏览器限制了，video标签非事件的自动播放。
不过，video标签可以设置autoplay属性
<video autoplay></video>//这种自动播放无效
<video autoplay muted></video>//需要设置muted，自动播放才能够生效
不过，当手动刷新页面后；发现自动播放，仍然失效了；于是，就需要通过js模拟点击事件去播放
//html 部分
<video autoplay id='video' src='xxxx'></video>
//js操作
const video = document.getElementById('video');
video.addEventListener('canplay',canplay);
function canplay(){
const a = document.createElement('a');
a.onclick = function(){
video .play();//这样就可以自动播放了
},
const event = new MouseEvent('click');
a.dispatchEvent(event );
video.removeEventListener('canplay',canplay);
}
