Embed Responsively seems to be struggling with Flickr embeds. Use https://iframely.com/domains/flickr instead. The code can be copy/pasted as is without removing any absolute size dimensions. |
Before hitting the Embed button, in the embed code, locate and delete any width and height values. In the example below, you would delete width='560'
and height='315'
:
<iframe src='//www.cornell.edu/video/fall-break-in-ithaca/embed' width='560' height='315' frameborder='0' allowfullscreen title='CornellCast video'></iframe> |
The final code that you'll be pasting in WordPress, cleaned up, will look like:
<style> .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <div class='embed-container'><iframe src='//www.cornell.edu/video/fall-break-in-ithaca/embed' frameborder='0' allowfullscreen title='CornellCast video'></iframe></div> |