Skip to main content
Participating Frequently
June 19, 2025
Question

Creating a Tap-to-Continue Interactive Video for Touchscreens

  • June 19, 2025
  • 2 replies
  • 162 views

Hello,

 

I created a video in After Effects where, in the middle of the video, an orange circle appears and gradually enlarges until it fills the entire screen.

 

I would like to make this a touch-interactive video:

 

When a user taps on the orange circle, the video should continue playing from that point forward.

 

I plan to display this video on a touchscreen (interactive display), and I am looking for a simple and free method to achieve this, as it’s my first time working with interactive videos.

2 replies

Participant
June 21, 2025

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.

ShiveringCactus
Community Expert
Community Expert
June 19, 2025

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 )