Here's how newsflanks.com implements AI media windows. This code produces a scrollable media box with a width suitable to either a phone screen or table/PC:
<script language="javascript">
var temp = getBootstrapDeviceSize();
if (temp === 'xs') {
document.writeln("<div><center>
<object data='/static/templates/29d.html'
width=284 height=320>
type='text/html'</object></center></div>");
}
else {
document.writeln("<div><center>
<object data='/static/templates/29d.html'
width=435 height=320>
type='text/html'</object></center></div>");
};
</script>