I have been trying to make this work for a while and can't seem to figure out what I'm doing wrong.
Are there only certain content/pages that can be displayed in iframes?
Here's the coding I used:
<iframe id="test1" src="http://www.google.com/" width="80%" height="100%" name="test1">You need an iframes capable browser to view this content.</iframe>
Hey Michelle Tuten (Go Tigers! Spartanburg native here)
Check out External or "insecure" content: Strategies for helping students cope. It looks like you're trying to embed non-https content inside an https environment (Canvas). Most browsers will block this content.
Thanks for the tip, but it's not applying to me. I don't see anything saying that it's blocking unsecure content.
I'm using a Google Chrome browser and there is no shield in the address bar when I load the page.)
I thought that s at the end of http might have something to do with it, so I added it but still had nothing but white space to show for it.
On the same page as the Google iFrame, I was able to embed a different iFrame I found in the Canvas Community, which openned to Auckland's login page.
<p><iframe style="display: block; margin-left: auto; margin-right: auto;" src="https://mediastore.auckland.ac.nz/2015/1155/ANTHRO206L01CANTHRO322L01C/D81dd19376CC4C7F846AE26F610F650A/A201507210900.LTRD310145.preview" width="100%" height="550"></iframe></p>
So I couldn't get google to work, but I think it may be because it wanted a more specific landing page.
I did get my webportfolio to finally embed, but I had to add /index.html to the end to make it work.
With Google, I tried adding /index.html, /index, /search, and /search.html and with the exception of /search (which gave me the same white space I had been getting) the other URLs gave me a Google error message with the Google logo and robot trying to reassemble itself.
I don't really need to embed Google (the webporfolio was what I was aiming for) but I would still like to find out what I'd need to do in order to get it to work as there may be other similar sites I would need to apply the same trick to.
Oh, I'm silly. I paid no attention to what you were trying to embed and just looked at the setup of the iframe. Google and some other sites will have special code written into their websites that will not allow them to be embedded. So for testing purposes I wouldn't use them.
Michelle Tuten, Adam Williams makes a strong point here, and I often forget about this oddity when I'm trying to embed pages. For example, I have never had any success embedding pages from The OWL at Purdue; they have designed their pages in such a way that embedding them is impossible. And while we're on the subject, the Canvas Guides here in the (Jive-based) Community can't be embedded into Canvas pages either, which is why the awesome Canvas Doc Team maintains a separate fully-updated set of embed-ready guides in Zendesk.
Perdue OWL is a great example! We've tried and failed to do a number of things with their pages... only thing that works is sending students to their website/specific page.
Retrieving data ...