Streaming live at 10am (PST)

Embed external webpage inside Webflow not working


#1

HI! I found code from another example that embeds a web page into web flow using the embed component. I have copied the code and named my class “i-frame-holder”. When I used the code provided, it works fine. See code sample 1. When I only change the URL in my code, the html page doesn’t display (SAMPLE 2). Why? what am I doing wrong? I have also tried https.

SAMPLE 1:

<style>
.iframe-holder {

width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.iframe-holder iframe {
  height: 100vh;
  width: 100%;
}
</style>

<div class="iframe-holder"><iframe src="http://immeuble.centralrosemont.com/" seamless frameborder="0"></iframe></div>

SAMPLE 2:

<style>
.iframe-holder {

width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
.iframe-holder iframe {
  height: 100vh;
  width: 100%;
}
</style>

<div class="iframe-holder"><iframe src="http://www.cnn.com" seamless frameborder="0"></iframe></div>

#2

To format your code in this forum, please select each code block and click the code (Preformatted text) button.

Screenshot_2018-02-01_100238


#3

Welcome to the Webflow forum!

Could you please click edit Screenshot_2017-08-16_140811 and provide ALL the necessary details in your post so we can take a look at your site/issue?

In future if you want faster replies and more accurate answers, I suggest including all the details listed in the link above before someone has to ask. Right now as it stands, your post doesn’t have sufficient information for us to help you with.

Hope to hear from you soon. Thanks!


#4

https://preview.webflow.com/preview/gatheriq-c5d5aff97800765b-e8232c3549bb8?preview=f7a4e8483f40976880fc84fc6e4c5c18

here is the read only link. I put the div in question near the top of the page.

Any thoughts would be appreciated.

thanks


#5

That site blocks itself from being displayed in an iframe.

Screenshot_2018-02-01_110259


#6

Ok, thanks. Is there a work around? Or it is the sas.com site blocking usage for security purposes?


#7

The only known workaround (using JavaScript) is complicated: https://stackoverflow.com/a/25587483/584192

Nobody except themselves know the answer.