Javascript 浏览器静音音乐应用程序中的视频元素

我用一个视频元素在我的网站上播放mp4视频，我在手机上遇到了一个奇怪的行为

我正在静音并自动播放我的视频（根据Chrome/Safari指南），但当我在后台运行Spotify/Sound Cloud/其他音乐应用程序时，一旦我的视频播放，音乐应用程序将被静音，并且操作系统指示浏览器就是播放声音的应用程序

这种行为在iOS 10和iOS 11（Safari）以及Android（Chrome）中都会发生，一开始，它发生在与视频相关的每一个案例中——页面加载时播放，标签更改时恢复，切换到其他应用程序时恢复，切换回浏览器时恢复，滚动到视频，等等

我尝试将视频元素包装到iframe中，但它只在几种情况下起到了作用——它解决了页面加载和滚动问题（每种情况都与视频相关，而不离开页面）

为了澄清-我的视频元素始终处于静音状态+音量设置为0

---

有没有人遇到过这样的问题，并且知道什么会导致操作系统将浏览器识别为声音播放应用程序？

找到了解决方案。异步播放和暂停视频（video.play/video.pause调用由setTimeout包装0秒）会导致问题。当立即调用play/pause时，音乐应用程序在切换选项卡和切换应用程序时将继续播放