Haproxy in front of LXD containers

I am working on a project that is using multiple LXD containers on Ubuntu 16.04.
The containers all have a single website. The also all have the same
application running that uses port 3000. I’ll just take about one of the containers.

The index.html for the container has an iFrame src that is located in the same container.

I have haproxy in front of the containers. I have installed letsencrypt on the haproxy.
I can access the webpage just fine, but the iFrame is giving me problems and will
not connect.

Is there something special I need with haproxy and https to the container? How do I configure it?

I hope I can get an answer. Been dicking with this issue for months now.

Thanks,

Ray

So right now here are the headers when I browse to lpc1.streamingworld.us:

image

And here is the subsequent iFrame in the same webpage:

image

Is there anything glaringly wrong with these headers?

Displaying the webpage text is working, but the iFrame is giving this response to the webpage:

Secure Connection Failed

An error occurred during a connection to lpc1.streamingworld.us:3000. SSL received a record that exceeded the maximum permissible length. Error code: SSL_ERROR_RX_RECORD_TOO_LONG

The page you are trying to view cannot be shown because the authenticity of the received data could not be verified.
Please contact the website owners to inform them of this problem.

Learn more…

Report errors like this to help Mozilla identify and block malicious sites

Is there an haproxy fix for this?

Thanks,

Ray