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

时间:2018-06-25 06:25:36

标签: javascript android ios html5-video

我正在使用视频元素在我的网站上播放mp4视频,并且在移动设备上遇到了奇怪的行为。

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

此行为在iOS 10和11(Safari)和Android(Chrome)中均会发生,并且在开始时会在与视频相关的每种情况下发生-在页面加载时播放,在切换标签时恢复播放,在切换至其他应用时恢复播放并切换回浏览器,滚动到视频等。

我尝试将video元素包装在iframe中,但仅在几种情况下有用-它解决了页面加载和滚动问题(每种情况下都与视频有关,而没有离开页面)。

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

是否有人遇到过这样的问题,并且知道什么会导致操作系统将浏览器标识为声音播放应用?

1 个答案:

答案 0 :(得分:0)

找到了解决方案。异步播放和暂停视频(video.play/video.pause调用由setTimeout包装0秒钟)导致此问题。立即呼叫播放/暂停时,在切换标签页和切换应用程序时,音乐应用程序会继续播放。