Skip to content

Latest commit

 

History

History
15 lines (11 loc) · 1010 Bytes

backdrop-filter.md

File metadata and controls

15 lines (11 loc) · 1010 Bytes

背景模糊效果兼容性

模糊视频控制栏背景使用了背景模糊效果(backdrop-filter: blur), 详见MDN文档.

旧版本中模糊设置面板, 播放器触摸支持也使用了此效果, 现行版本已经移除.

Chrome / Edge (Chromium)

  • 背景模糊效果需要手动在chrome://flags/#enable-experimental-web-platform-features中开启. (Edge要把chrome换成edge)
  • 含有背景模糊效果的动画有掉帧现象.
  • 在Chrome 73 ~ 74版中, 如果您的屏幕DPI缩放大于100%, 或者改动了页面缩放倍数, 则模糊效果区域会错位. 详见Chromium Issue #942910, 75版后改动页面缩放倍数依然会错位.

Firefox

Safari

  • 尚未在Safari中测试, 根据MDN里的兼容性描述应该是支持的.