Javascript 悬停在模糊的视频上，如何取消模糊指针周围的圆圈

在寻找了很长时间的答案后，我的问题是：

当我在html5视频上悬停时，我如何显示它模糊的部分

下面是一些代码：

<div id="container">
  <video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
Sorry, your browser does not support HTML5 video.
</video>

因此，由于它模糊，我想悬停并显示指针周围的一个圆圈，以便您可以通过模糊的div看到

非常感谢你的帮助。如果我需要使用画布，这是确定的，只是寻找任何答案

别忘了这是一个视频，所以这样的东西对我不起作用，因为我需要在用户交互时播放视频：

#container {
  width: 640px;
  height: 360px;
  overflow: hidden;
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
}

#videobcg {
  width: 100%;
  height: auto;
}