ActivePresenter Saola Animate Pricing Download

Embed HTML5 in iframe

Problem: Hi, I have a long web page and, at the end of the page I want to insert an iframe which contain an AP HTML5 presentation. This is working fine except that when the page is loaded, the browser skip to the end to show AP. It seems AP “force itself” to be shown in the browser.
With that behavior, people on my page skip all the text before the AP presentation.

So, is it possible to prevent AP to force skip to the end?

ActivePresenter Version: 7.5

OS: Win 10

Notes:

Hi Simon,

Unfortunately, it can’t be prevented in the current version.
We’ll try to deal with this issue in future releases.
Now you should delay embedding the presentation until the iframe is scrolled into view.
You can do that by editing the presentation HTML file, look for script tag contains AtomiAP.open, and make changes as follows:

<script type="text/javascript">
  var showPrezTimerID = setInterval(function() {
    // check if iframe is visible in current view
    // suppose that this is the first iframe  in the main page: getElementsByTagName('iframe')[0]
    var parentWin = window.parent;
    if (parentWin.document.getElementsByTagName('iframe')[0].getBoundingClientRect().top > parentWin.innerHeight)
      return;
    // iframe is visible, cancel next checking
    clearInterval(showPrezTimerID);
    // load the presentation
    // paste the original code here, e.g.
    AtomiAP.open("rlprez.js", "KYelkf71", {
      playMode: "Tutorial",
      preloader: {zIndex: 2,diameter: 60,density: 9,range: 1000,speed: 1,color:'#2090E6',shape:'oval'}
    });
  }, 300);      // checking every 300ms until visible
</script>

Regards