Скажу сразу, я профан и только начинаю изучать эту тему, хоть вполне не плохо знаю FLASH.
Создал в Adobe Animate ролик который в первом кадре останавливается, а во втором кадре начинается анимация. Сконвертировал его в файл HTML5 Canvas.
<div id="animation_container" style="background-color:rgba(255, 255, 255, 0.00); width:1920px; height:1080px">
<canvas id="canvas" width="1920" height="1080" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 0.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1920px; height:1080px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
Я хочу по нажатию на кнопку или другому действию пользователем в окне браузера запускать ролик со второго кадра.
Как это сделать?