make slideshare iframe responsive

[Denis_9]

I placed slideshare code:

<iframe src="//www.slideshare.net/slideshow/embed_code/key/HQoiz6GR1oLe1n" width="860" height="600" frameborder="600" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> 

To my presentation page: check
But there are black area around presentation in mobile version:

It happens because of height="600", but when I remove this style iframe becames small
How to make it nice?

OK, I saw an article on https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/ that makes iframes responsive. Here's my example using your iframe. Works in Chrome - haven't tried it in other browsers: https://jsfiddle.net/4957248a/5/