Blurring video online on your own website/blog is actually quite simple to do with just a litte bit of CSS code, along with the ability to control how much or how little the video is blurred.
Don't forget to assign the class of blur
to the video you want to blur. For example <video class="blur">
Here is an example of a blurred video that has been blurred via the CSS code.
Notice how even though the video is blurred you can still interact with it by playing it, sliding the video position slider foward, etc.
Just as with blurring text online, you can control the level of blurring by changing 5px
to a higher or lower number.
Here is an example of a blurred video that has been blurred less by using a lower blur number of 2px instead of 5px.
Here is an example of a blurred video that has been blurred much more by using a higher blur number of 10px.
You can't actually blur a video that is on another persons website unless you hack the website and apply the blur css code but you can blur a copy of the video in your web browser by performing the css blur hack.
To blur a video on another website ...
style="-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);"
.Inpsect
.<video>
video
. This will cause the word to become editable with the entire word video
selected.