播放报错: DOMException: play() failed because the user didn't interact with the document first

报错信息

DOMException: play() failed because the user didn’t interact with the document first.

原因

各浏览器厂商为了优化用户体验,最大程度避免广告骚扰和流量损耗,因此都不同程度地限制了网页音视频的自动播放行为。

该报错是由于代码在用户进行任何浏览器 DOM 元素操作之前尝试进行媒体播放导致,该行为被浏览器禁止。响应地解决方案就是调整媒体播放时机,引导用户与页面发生交互后进行播放。