iframes - major compatibility issues?
We are producing Storyline 360 courses for a client who wants them embedded on their own company website, and we are experiencing serious issues when trying to use iframes to accomplish this. I have learned that Safari will prevent iframes from loading content that has been linked from other domains if the user has never visited the linked site before, and most of our client's audience is on iPhones...
Here is a test page that our client is setting up, and attached is a screenshot of what their Safari users are experiencing: https://sepro.com/aquatics/ams-water-quality-restoration
And here is the iframe code block used for reference: <iframe src="https://achievainc.articulate-online.com/6152460770" width="1280px" height="720px">
We were thinking of setting up a subdomain on our client's server that would redirect to our Articulate Online domain, but ran into an SSL certificate issue with this: lms.sepro.com/6152460770.
Since we do not have direct access to the articulate-online.com servers, is it possible for Articulate Online's server host to work with our client's IT personnel to generate an SSL certificate? Or would this method even work for what we are trying to accomplish using iframes?
TLDR: Does there exist a globally compatible method for embedding Storyline 360 modules hosted through Articulate Online on a separate domain's webpage?
Thanks, we have really hit a wall with this one!