Autoembeds - preserve embed ratio on responsive designs
|Reported by:||Looimaster||Owned by:|
I think that most people can live with the fact that on 1280px wide website ($content_width = 1280;) 16:9 YouTube video will be displayed as roughly 1280x720px iframe but on responsive resolution (viewport width = 320px) this becomes 320x720px if a video has max-width: 100%; added.
That's more or less fine.
But if I use columns shortcodes then I end up with 320x720px video even in desktop view which looks like that:
1) Add special CSS class to all embeds.
2) Preserve pixel ratio with CSS.