Why does my embed iframe not display correct dimensions / sizes ?

Well, you need to be careful for width and height to be 100%

If you have this code for example

<iframe src=”//players.brightcove.net/5270290581001/default_default/index.html?videoId=5287782724001
allowfullscreen
webkitallowfullscreen
mozallowfullscreen
width=”500
height=”281.25“></iframe>

 

Correct it to

<iframe src=”//players.brightcove.net/5270290581001/default_default/index.html?videoId=5287782724001
allowfullscreen
webkitallowfullscreen
mozallowfullscreen
width=”100%
height=”100%” style=”width: 100%; height: 100%; position:absolute; top:0; left:0;></iframe>

 

Was this article helpful?

Related Articles

Leave A Comment?