模糊覆盖视频

Question

我试图在视频上放置模糊的叠加层。

我粗略地在jsFiddle中重新创建了效果： http://jsfiddle.net/zswcctc7/1/

这种情况或多或少。

<div class="overlay-wrapper">
    <div class="video">
        <iframe width="560" height="315" src="//www.youtube.com/embed/vdCGnuccRv0?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
    <div class="overlay"></div>
</div>

所以我想要的是而不是白色层有一个模糊的层，iOS风格。我尝试了很多像blurjs这样的东西，但我找不到任何东西似乎与视频有关。