Link to home
Start Free TrialLog in
Avatar of jameskane
jameskane

asked on

Embeded https link within iframe does not work

I have an https share link from google photos which works perfectly. However, I do need this link to launch from within an iframe tag.  I cannot get the page with the iframe to launch the google photos share link.  I wonder if it is possible to do this, and if so - what am I missing.

Share link is https://photos.app.goo.gl/bb4C8luWTmlcQbXu1   This works from browser.

I am attaching the page which has this link embedded within an iframe.  This does not work.

<iframe src="https://photos.app.goo.gl/bb4C8luWTmlcQbXu1"
width="100%" height="3000">
  <p>Your browser does not support iframes.</p>
</iframe>


thanks for your help
Avatar of Jim Riddles
Jim Riddles
Flag of United States of America image

My first question is are you running SSL for the site that hosts the iFrame?  If not, that is likely your issue.  Browsers don't like to display secure content within an insecure context.  The solution is to secure your server with SSL.

If the above does not apply because you are already running your site with SSL, then perhaps share a link to the page that hosts the iFrame, and I can help further.
Yep, I'm with Jim.

If your site is running HTTP (non-SSL), then it's unclear how iframes will work in any given browser in a mixed content (SSL + non-SSL) type environment.

Drop your exact site URL + likely you'll be provided with much better answers.
Avatar of jameskane
jameskane

ASKER

http://cannes-beaux-arts.com/abac_new/index2.cfm    =====  home page


If  you click any of the links below Christian Lobel, you will see that the page launches INSIDE the frame of the home page. There is a large return arrow just above the launched page. This gets you back to the main menu.

Below, there is another window called AQUARELLE. This has a link at the bottom which launches (ON A NEW WINDOW) the page of photographs. This is a googlephotos page and is https.

My goal is to have the AQUARELLE link behave like the links in the Christian Lobel pages.  The problem is I needed to use iframe to achieve this, and ifame does not like the https flavour used in AQUARELLE. I need a workaround, whatever to get this functionality

many thanks for your support

james
James,

Oh wow...where to start.  Okay, so I'll begin by saying that with the way your site is currently setup, you probably can not make this work.  That is the unfortunate truth.  You can get close, perhaps, by using the Picasa Web Albums API from Google.  I have not personally used it, but Google's APIs are typically very developer friendly.

Here is a link to a Google forum discussing this subject: Google Photos Developer API

The alternative is to setup a SSL certificate for your server.  Who are you using to host your site?  Let's Encrypt offers free certificates, and is not too difficult to get setup.  I host sites in-house, so I have direct access to the server, which makes it easier.  I don't know what steps you would specifically need to follow if you host with a provider.  Their site is here.

Let me know if you have any further questions.
I use a company in the US called newtek. Looks like they do ssl certificates. I am attaching a snapshop of the space where I can buy and supposedly set it up.

If I go ahead and do this, what are the chances that it will resolve the problem ?  Must say, I am initially having a problem understanding this !

THANK YOU  so much for helping me on this.  Its a bit of a show stopper if I cant sort it. Will have to redesign
 !!

jAMES
User generated image
Okay, well it looks like this may not be an issue because of SSL.  Rather, when I tried to create a page with an iFrame to load that URL, I noted the following error in Chrome's developer console:
Refused to display 'https://photos.google.com/share/AF1QipMysF4A2wLFAuIePMUdxeyBfIL3-etzEr9DrTLf7rWLGpRwUKBoztvUpHtMY1p-hA?key=VkJXbkd5NjBoYWxKRVNPRFFfOG1ERk1PTkthVFRR' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Open in new window

So, this appears to be an issue where Google will not allow you to display their site in an iFrame.
I am checking to see if there is a solution to this and will let you know what I find.
THANKS  VERY MUCH !!
This question needs an answer!
Become an EE member today
7 DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.