First, please make sure that you’re using our HTML5 mobile optimized embed codes. To copy the correct embed code select the Content tab in your Waywire admin console, click into the content library, and click ‘edit’ on the video you would like to embed.
Then simply select the embed code next to the “HTML5 Mobile Player” label.
If you’re using media queries on your pages to change CSS at certain browser widths, one media query measures if it’s a desktop, while another a tablet, etc. and adjusts the size of the window accordingly. The same will need to be done with your video iframes.
Here’s a link for reference:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
You can also wrap your Waywire iFrames in a div, set the height to 100%, and modify that div accordingly on other devices.
Here’s a reference article on how one can make YouTube embeds responsive. The same logic can be used for Waywire embeds: http://avexdesigns.com/responsive-youtube-embed/
