Some scripts/iframes not responsive

Hi,

it’s not the first time I noticed this.

Some external scripts and iframes (videos) are not responsive, although they should according to my content partners. They can’t really explain this.

Do you have a solution for this? On this site you can find an example: http://dev.promicabana.de/test-article/

I deactivated most of the plugins, but it’s still not responsive.

It has to look like this: http://www.videovalis.tv/teasers/271

Thank you!

I’ve run into this with o-embed in post for SoundCloud, actually.

I seem to recall fixing this on our other site with CSS,

iframe{max-width:100%}

Thanky,

your solution seems to work.

Is there some code for scripts too? I changed the width in the script itself to 100%. Now it’s indeed responsive, but it overlays the sidebar.

<script type="text/javascript">
var snackTV_config = {
displayad:0,
fracautoplay:0,
monetizer:0,
pmode:0,
userwidth:'100%',
autoplay:'false',
playlist:'false',
hideitems:'bottom',
type:7,
publisher:'promicabana',
color:'000000',
bgcolor:'ffffff',
font:'arial',
layout:'light',
videos:'1497195',
revplay:false,
showadctrl:false,
isRTL:false
}
</script>
<script type="text/javascript" src="http://www.snacktv.de/snacktag/snacktag.js" charset="iso-8859-1"></script>

• This reply was modified 11 years by Bichareh.

@Bichareh
you can also try adding the max-width CSS variable, and also try something like 95% vs 100%.
On one of our sites (not using TagDiv themes), we actually set some things to 85% to control how things fit within various containers.