Skip to content

Instantly share code, notes, and snippets.

@DDR0
Last active October 31, 2017 11:45
Show Gist options
  • Select an option

  • Save DDR0/656bcf4485e97d24901d12eb8cc5ab9a to your computer and use it in GitHub Desktop.

Select an option

Save DDR0/656bcf4485e97d24901d12eb8cc5ab9a to your computer and use it in GitHub Desktop.
javascript:(function(){const%20filterHolder%20%3D%20document.createElement(%27div%27)%3BfilterHolder.innerHTML%20%3D%20%60%3Csvg%20color-interpolation-filters%3D%22sRGB%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22pixelate%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3C!--Thanks%20to%20Zoltan%20Fegyver%20for%20figuring%20out%20pixelation%20and%20producing%20the%20awesome%20pixelation%20map.%20--%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22SourceGraphic%22%20result%3D%22smoothed%22%3E%3C%2FfeGaussianBlur%3E%3CfeImage%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVBhXDccxAQAADMKwSkUCEpCABKRu%2BcJGR4aHBistKS7qPzQkOCh%2FUxNjI%2F9FRYSFxAEwbBkB3dsQzwAAAABJRU5ErkJggg%3D%3D%22%20result%3D%22displacement-map%22%20width%3D%225%22%20height%3D%225%22%3E%3C%2FfeImage%3E%3CfeTile%20in%3D%22displacement-map%22%20result%3D%22pixelate-map%22%3E%3C%2FfeTile%3E%3CfeDisplacementMap%20in%3D%22smoothed%22%20in2%3D%22pixelate-map%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22pre-final%22%20scale%3D%2216%22%3E%3C%2FfeDisplacementMap%3E%3CfeComposite%20operator%3D%22in%22%20in2%3D%22SourceGraphic%22%3E%3C%2FfeComposite%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%60%3Bdocument.body.appendChild(filterHolder.children%5B0%5D)%3Bdocument.body.querySelector(%27.video%2C%23videowrap%27).style%20%3D%20%22filter%3Aurl(%23pixelate)%22})()
@DDR0

DDR0 commented Oct 31, 2017

Copy link
Copy Markdown
Author

Make the video on http://emilyisaway.com/youtoob/9-SQGOYOjxs/ pixellated like the rest of the page! Bookmark the javascript url, then click the bookmark to pixelate the video!
Works on Firefox but not Chrome. IE and Safari are untested.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment