How to BLUR VIDEO Online b̵̧̰͎̬̥̗͇̱̬͇ͨͣ͘͜l̢̝̺͙̙̟ͧ͜ữ̶̬̠̖̐͛̋r̸͂r̵̬̜̍e͔ḑ̧̹

How to Blur Video Online Either Video on your Own Website or Blog or Blur the Video on ANY Website or Blog Using CSS.

Home Short:

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.

How to Blur Video Online on Any Website

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 ...

  1. Copy the following css video blur code to your clipboard style="-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);".
  2. Position the mouse over the video you want to blur and right click to bring up a pop up context menu.
  3. Click the menu item Inpsect.
    Right Click Video Click Inpect From Popup Menu
  4. This will open the html inpection window with the html code for the video selected and highlighted <video>
    Video Html Code Highlighted
  5. Double click the word video. This will cause the word to become editable with the entire word video selected.
  6. Press the space key once and paste the style code text that is currently copied to your clipboard.
    Type In Style Code To Blur Video
  7. Click anywhere on the web page other than a link to update the web page with the now blurred video.
S
H
A
R
E