Make your SlideShare presentations responsive

16th January 2014
All posts

I wanted to resize a SlideShare presentation in a website I was making responsive and thought, wait a minute, there’s got to be a way to automate this.

FitVids.js is normally used for making embedded iframe videos responsive. This means they also scale well without any intervention.

All that’s needed is to add this line of code to the fitvids.jquery.js file which tells it what types of files to change:

"iframe[src*='slideshare.net']"

Now videos AND SlideShare presentations will automatically resize and the user doesn’t have to do a thing. Awesome.

Thank you Binary Moon for the tip!

Tags:

Nathaniel Flick

I'm a Front End Web Developer passionate about usability. My primary specialties are HTML5, CSS3, SCSS, LESS, and jQuery and I am very familiar with Foundation and Bootstrap frameworks. I've worked on top of and with Rails, Python, and ASP.net/Umbraco back end frameworks.