При наведении на размытое видео, как размыть круг вокруг указателя ⇐ CSS

[Anonymous]

После долгих поисков ответа вот мой вопрос:

Как я могу показать часть видео html5, которая размывается при наведении курсора мыши на него? это?

Вот код:

Код: Выделить всё

Sorry, your browser does not support HTML5 video.

Код: Выделить всё

#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;
}

Итак, поскольку он размыт, я хотел бы навести курсор и показать круг вокруг указателя, чтобы вы могли видеть сквозь размытый элемент div.

Большое спасибо за помощь. Если мне нужно использовать холст, это нормально, просто ищу ответ.

Не забывайте, что это видео, поэтому что-то подобное мне не подойдет. Мне нужно, чтобы видео воспроизводилось во время взаимодействия пользователя:

http://codepen.io/jalalazimi/details/tCGbw

Подробнее здесь: https://stackoverflow.com/questions/357 ... nd-pointer