How to embed CP project on webpage with iFrame and keep responsive behavior
HI
Due to total server space limits I want to store the CP project files on Amazon AWS S3.
Using iframe or embed I can view the lesson including the interactions just fine on a desk top.
When going to an iPhone the responsive behavior seems blocked by the site's css or something? When I just link to the index.html file directly the responsiveness seems to work fine.
Here's my working site link
https://accendoreliability.com/s02-introduction/
There are two instances of the CP content on the page - the first is via an iframe, the link, "AWS S3 based lesson" is a simple link to the index.html file opening a new page. The lesson settings include that when it ends to goto back to the link where started.
My question is what is the right way (or good way) to deliver the CP lessons when storing/serving the files from Amazon S3 (cloud storage) and keeping responsive behavior across devices?
I'll be charging for the courses or want limited access to the lessons, which the site can do by controlling membership access to pages/posts, etc. Not too sure how to conceal or protect the url's from loading the CP files outside the protected site, once they become visible ...
Mostly struggling with how to deliver responsive CP content stored on cloud server within a specific website post or page. Not sure if this something done in CP itself, within the iframe or link, or with HTML/CSS on the site, or some combination?
thanks in advance for your suggestions
