Mobile app version of vmapp.org
Login or Join
Gretchen104

: How to display non-SSL images on HTTPS connection? Is it possible to embed external non-ssl webcam images (i.e.; http://www.goes.noaa.gov/GIFS/WCI8.JPG) into a site using SSL? I have a lot of

@Gretchen104

Posted in: #Embed #Iframe #SecurityCertificate #Wordpress

Is it possible to embed external non-ssl webcam images (i.e.; www.goes.noaa.gov/GIFS/WCI8.JPG) into a site using SSL?

I have a lot of clients located in a tourist town and they want to show local conditions etc via remote webcams. They don't show up on the sites after SSL is installed tho of course.

Does anyone know a trick to do this? Iframe perhaps? And how would you implement it? I'm using wordpress. And I don't own the sites that house the webcams.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Gretchen104

2 Comments

Sorted by latest first Latest Oldest Best

 

@Rambettina238

Have you tried using the url without the protocol ie //sitename.com not sitename.com This is the normal work-around.

10% popularity Vote Up Vote Down


 

@Ogunnowo487

They don't show up on the sites after SSL is installed tho of course.


Because the browser issues a security warning.

The only way round this is to change all requests to HTTPS. If the site you are pulling the image off only serves content over HTTP then a way round this is to make a secure HTTPS request to a script on your server and this server-side script then makes an HTTP request to the external resource which then relays this back over HTTPS to the client (an SSL proxy).

This has been answered several times over on StackOverflow, with code samples, such as:

stackoverflow.com/questions/3011222/dealing-with-http-content-in-https-pages - this has an example using a hash in the request URL, which is a good security feature. stackoverflow.com/questions/765779/how-to-display-non-ssl-images-on-https-connection

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme