Bringing CKeditor, embedded content (e.g. iframe) and responsive design together I like to bring together the usage of CKeditor with embedded content (for expamle youtube / issuu) in a responsive website.

I have so far:

CKeditor with Media module integration and Media-Youtube to simply embed youtube-content via the media-library. Making the videos responsive works like a charm with fitvids.

Main question: i'm interested to either generalize these components or find another solution to make this work. Do i have to write something similar to fitvids and media-youtube for every embed-type i want to use or is there a solution out there that i overlooked?

Other suggestions highly appreciated. I'm kinda stumped at the moment... Thanks!

Edit:
For example i'd like to integrate issuu (http://issuu.com/) elements in the same manner like youtube-clips: the editor just adds a link inside the media library and submits it to the field. Right now, issuu only offers embeds with fixed dimensions, so they don't scale according to screen width.
You can override youtube videos using CSS and media queries. Infact, most videos from Youtube, Vimeo etc are all available in an iframe. In projects in the past, I allow clients to just copy and paste an embed field into a ckeditor field wherever they like, at any dimension they please.

But, once the screen width is reduced to mobile, my CSS takes over, and resizes the video to fit the mobile template, to reduce overlapping, and fix any issue with video height.

E.g.

@media only screen and (max-width: 767px) {

.field-name-body iframe     {width:100%;height:200px;}

}


Is that what you mean, or I have I not understood the question?