网站编辑器中使用视频组件或视频背景时,浏览器打开视频没有声音是什么情况?
如下图所示,在使用【视频组件】时,如果设置了自动播放,会发现,在浏览器中访问时,没有声音。
这是因为触发了浏览器发静音策略。
视频背景的组件中同样会出现类似的情况:
浏览器实施静音策略的主要原因是用户体验保护:
防止干扰:避免多个标签页同时播放声音干扰用户
节省资源:减少不必要的流量和电量消耗
用户控制:让用户自主决定哪些网站可以自动播放声音
无障碍考虑:避免对屏幕阅读器等辅助工具造成干扰
不同浏览器静音策略不同:

如何解决呢?可以使用使用交互触发播放,也就是不设置自动播放,需要点击播放按钮(用户主动点击交互),这样,视频就可以正常播放了。如果我不想交互,那么在静音播放的时,可以手动解除静音即可恢复正常。
视频背景需要替换成视频组件,进行交互播放。







请先 登录后发表评论 ~