模糊视频控制栏背景
使用了背景模糊效果(backdrop-filter: blur
), 详见MDN文档.
旧版本中模糊设置面板
, 播放器触摸支持
也使用了此效果, 现行版本已经移除.
- 背景模糊效果需要手动在
chrome://flags/#enable-experimental-web-platform-features
中开启. (Edge要把chrome
换成edge
) - 含有背景模糊效果的动画有掉帧现象.
- 在Chrome 73 ~ 74版中, 如果您的屏幕DPI缩放大于100%, 或者改动了页面缩放倍数, 则模糊效果区域会错位. 详见Chromium Issue #942910, 75版后改动页面缩放倍数依然会错位.
- 背景模糊效果无效, 详见Bugzilla #1178765.
- 尚未在Safari中测试, 根据MDN里的兼容性描述应该是支持的.