set the iframe height automatically

Question

I need to embed an HTML page inside a frame  and am using the following code    lt iframe src  http   www google com  style  width  90   height  300px      scrolling  no  marginwidth  0  marginheight  0  frameborder  0      vspace  0  hspace  0  gt    I am trying to make the height set to auto so that the frame auto resizes to the page length without having to hardcode the height as I am doing here  I tried height auto and height inherit but it did not work

User · Answer

Solomon s answer about bootstrap inspired me to add the CSS the bootstrap solution uses  which works really well for me    iframe-embed       position  absolute      top  0      left  0      bottom  0      height  100       width  100       border  0     iframe-embed-wrapper       position  relative      display  block      height  0      padding  0      overflow  hidden     iframe-embed-responsive-16by9       padding-bottom  56 25      lt div class  iframe-embed-wrapper iframe-embed-responsive-16by9  gt       lt iframe class  iframe-embed  src  vid mp4  gt  lt  iframe gt   lt  div gt

User · Answer

If the sites are on separate domains  the calling page can t access the height of the iframe due to cross-browser domain restrictions  If you have access to both sites  you may be able to use the  document domain hack  1 Then anroesti s links should help

User · Answer

Try this coding   lt div gt       lt iframe id  iframe2  src  Mypage aspx  frameborder  0  style  overflow  hidden  height  100           width  100   position  absolute   gt  lt  iframe gt   lt  div gt

User · Answer

If you a framework like Bootstrap you can make any iframe video responsive by using this snippet     lt div class  embed-responsive embed-responsive-16by9  gt       lt iframe class  embed-responsive-item  src  vid mp4  allowfullscreen gt  lt  iframe gt   lt  div gt

[html] set the iframe height automatically

Examples related to html