Using animation (HTML5 Canvas Document) in a slideshow

I do not think that the mentioned problem is a problem with the uikit.

Let me show you a code snippet, maybe this will explain my problem:

<div class="uk-slidenav-position" data-uk-slideshow="{autoplay:true}">

    <ul class="uk-slideshow">

       <li>

       <div class="wrapper">

    <div class="h_iframe">

        <img class="ratio" src="transparentem.png"/>

        <iframe src="slide01.html" frameborder="0" allowfullscreen></iframe>

    </div>

</div>

<div class="uk-overlay-panel"><div class="uk-container uk-container-center">

<div class="uk-grid headerarea">

<div class="uk-width-2-3 headlinewidthseperate headlineversionlarge" style="opacity: 1; padding: 5px; margin-top: 20px; z-index: 999999999;">

<div class="whitearea">

<h1 class="colordarkgreen" style="text-align: left;">HEADLINE</h1>

<p style="color: #676c6e !important; text-align: left;">Bodytext</p>

</div>

</div>

</div>

</div></div>

       </li>

       <li>

This is the first coding part of the slideshow. The file 'slide01.html' is the first animation, which is displayed to the user directly. Further in the code there is also a slide02.html and slide03.html which are also animations. So I did not build a whole slideshow in Adobe Animate CC, but I created 3 different animations, which are implemented separately. So there are 3 different html files within an iframe, which starts playing once the whole website is completely loaded.