Hi,
I am pulling my hair out and i am not sure why this is happening, When embedding a video or image, everything seems to stretch to phenomical size to fit the page, where is the default setting to stop this from happening?
It seems, Google maps, youtube and Images seems to be affected, but when i do twitch, that seems to work?
Below are some sample codes (twitter works, youtube does not)
<iframe src=”https://player.twitch.tv/?autoplay=false&channel=gale_adelade” frameborder=”0″ allowfullscreen=”true” scrolling=”no” height=”378″ width=”620″></iframe>Watch live video from Gale_Adelade on http://www.twitch.tv
<iframe src=”https://www.youtube.com/embed/0xIt6H5GXG4″ frameborder=”0″ width=”620″ height=”378″></iframe>
the output below
Why does youtube ignore the frame size, sorry if double post, but i did some searches and I could not find the answer.
Thanks
Hi,
Sorry but iframes in our theme get a css of width 100% in order for them to be responsive. Some get past the embed code as they have a stronger css in place.
The easiest solution would be to wrap the iframe inside a div element and set the size manualy but mind the responsiveness as the width:100% was a responsiveness measure taken as lots of iframes come with fixed widths and break responsiveness.
Then you can use css to style the iframe container using the class added to the div.
Or as an alternative, to have better control over your embeds, you cna use a plugin.
If you want to remove the theme resize feature, you can remove it from here: https://www.screencast.com/t/17DVlDXevs
Thanks.
