Interactive videos & Hypervideos

Interactive videos & Hypervideos

Interactive videos or hypervideos contain (moving) hotspots that users can click on to make anything happen inside the video. The object to be clicked on can be a person, object, product, or moving text/animation. The interactive videos runs on all mobile devices, tablets, computers, and even on touch screens (during events).

Up to now, videos as a medium are very dumb.

You can push play, stop, go forward and backward in time, and—hold on to your chair—if you get lucky you can even watch it in full-screen or in 4K. But that’s pretty much it. You click a button, sit back, watch, and have no interaction with the content even though the content itself is highly dynamic.

Text on the other hand is the opposite. Despite being very static, on websites it allows for tons of interactions:

  • Links can be clicked
  • Searches can be launched
  • Shopping can be done online
  • Media can be integrated into the content
  • SEO rankings play a vital role for business

So why not allow for this same level of interaction—and more—in videos by allowing interactions to take place with any person, object, product or building?

Try a hypervideo yourself!!

Follow this link to try out a hypervideo for yourself. Clicking on the link or image will open up a new page with a project that was done for M6 Top Chef, one of the main French television stations and cooking programs.

The video on that page has the unique ability that you can click on a person, product, or moving ad inside the video and information in the form of an informative pop-up, a shopping cart, or a video will pop up INSIDE the video. There’s no need to exit the video when doing this. The website hosting the video has not been optimized for streaming video, so please be patient if the video requires some extra time to load.

The little balls on the time mark when something can be clicked on, go ahead, try it out! The images below sum up what’s possible in the Top Chef video:

Any device, any operating system, any browser

These interactive videos will work on any device

  • Mobile phones
  • Tablets
  • Desktop computer
  • Touch screens

on any operating system, and on any browser (ok, perhaps not on old IE browsers, but those few people still live in the stone age anyhow). A lot of work was put in to make this any device, any browser, and operating system possible. Many technologies were used and had to be seriously pushed to the edge to make this happen:

The computer vision algorithms offer numerous benefits:

  • Automatic, precise tracking of objects
  • Speed and cost gains when creating new videos (by automatically detecting faces, object, logos, and tracking them)
  • Batch processing MANY videos in one go and thereby making them interactive with minimal user intervention (think of Coca-Cola bottles being tagged in any YouTube video or any famous person being tagged in any video)

Touch screens give interesting applications as they can be placed at events or places where many people pass by: a video attracts attention and the touch screen makes it playful and enables people to receive more information or by email if they enter the coordinates.


The applications are limited only by our imagination. The framework developed allows for any kind of interaction you can come up with. Interactive videos have been developed for clients working in:

  • Education
  • Shopping
  • Entertainment: nothing beats having funny things happening when you click on them
  • Games: for children and for adults
  • Storytelling at it’s best: depending on the choice(s) of the user the video can just to other parts of the video or even seamlessly to other videos

There are a number of extra functionalities that extend the application areas and what can be done with interactive videos. There are also the elements which set this implementation implementation of hyper-videos far ahead of it’s competitors.

Ad integration

Ads can be streamed directly into videos and popups.

SDK for programmers

There’s an SDK available for programmers so that they can implement their wildest ideas.

Automated tracking

No need to tag each second of a video, everything is done (almost) fully automatic!

Templates for quick deployment

Templates for popups are available so no need to code, just click-click-click and you’ve made your own video!

HTML5 & Flash

Both technologies are used side by side to offer the best of both worlds, with no limitations on either one.

Full Facebook integration

This one is awesome. The interactive videos can be shared on Facebook and are fully interactive on people’s Facebook stream!

The Facebook integration is EXTREMELY powerful as it means your videos are not just constrained to your own website but will get shared and spread like wildfire on Facebook.

Other things that set this technology apart from it’s competition:

  • Clickable areas can move with the objects in the video (unlike Youtube which is just a static box)
  • The clickable area can be anything: an animation, a Flash file, or an image
  • ANY type of content can be displayed when something is clicked: an image, a text box, a carrousel container, an image gallery, a 3d object, a song, or even a video.

How can I make my own video?

It’s simple. You only need a video, some hotspots, and some media (text, images, video, ads) to show when a hotspot gets clicked. Templates are available so you can choose from a set of predefined hotspots, so there’s not even a need to provide this. You can easily put together a video yourself in a few minutes or use the SDK or ask of if you want something super sexy made.

One custom project was done for the wedding of Kate & William and an icon in the video would pop up a map of London. A marker on the map would show where they were at the moment corresponding to the time in the video. The video would jump to another moment in time if the user clicks on another location on the map.

Contact me on the contact form or in the comments below if you’d like more information or if you would like to make you own interactive video.

Leave a Comment