Creating a Tap-to-Continue Interactive Video for Touchscreens

One of the most flexible methods is using HTML5 and JavaScript. You can embed your video in a webpage using the <video> tag and overlay a <canvas> element on top of it. Then, by detecting touch events with JavaScript, you can check if the user tapped within the area of the circle and, if so, trigger the video to resume playing. This method requires some basic coding but gives you complete control over the interaction.

If you’re looking for a no-code solution, consider using H5P a free, browser-based tool that lets you add interactive elements like hotspots to videos. With H5P, you can upload your video and insert a clickable hotspot exactly where the orange circle appears, making it easy for users to tap and continue the video. This method works well on modern touchscreen displays and doesn’t require any coding app knowledge.

For a more polished and professional touchscreen experience, tools like PandaSuite and Intuiface allow you to create interactive videos and presentations with drag-and-drop interfaces. They offer free trials and are beginner-friendly, making them a great option for first-time creators who want touchscreen interactivity without writing code.

I have not used Adobe Animate since the days it was called Adobe Flash, but as far as I can tell that software would work for you.  

You import your video, use Animate as its player which then causes a pause in the video.  Tapping on the play button would start it playing again.

Another option would be a hosting service for the video such as Vimeo, that can do a similar job for you ( I think )