css - 看过一次后如何使视频模糊？

Question

在 HTML 页面上放了视频，我想做这样的任务，显示看到的视频模糊，如果我们刷新页面，它将恢复正常，没有任何覆盖，我想为此放置 css 或 java 脚本。

Answer 1

使用 JS，在视频被观看后添加一个类:

.video--watched {
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

我假设我们正在谈论一个 <video>标签。