Interactive Video Ad Overlay for Mobile Browsers
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile browsers, particularly those using HTML5, do not support interactive video playback with overlays due to native media players running outside the browser context, preventing the placement of HTML overlays above the video.
Innovation Solution
The system generates an HTML underlay with embedded links to interactive video ads, using JavaScript to monitor playback and display interactivity options when a specific gesture is detected, allowing the native media player to be closed and revealing the HTML underlay with interactive elements.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If native media player is used for video playback, then video playback capability is improved, but HTML overlay placement is lost
Solution Approach 1:
The patent introduces an intermediary mechanism where the browser monitors native media player events and manages overlay visibility state. The overlay is conditionally displayed based on media player state (hidden when player is active, visible when closed), allowing both native playback and HTML interactivity to coexist through coordinated state management.
2Adaptability or versatility
If HTML overlay is placed on video, then interactivity is improved, but browser compatibility is reduced
Solution Approach 1:
Instead of placing HTML overlay on top of video (traditional approach), the patent inverts the layering: video plays natively in full screen, and HTML overlay is displayed underneath or beside the media player window. This inversion allows both video and HTML to function simultaneously without compatibility issues.
3Illumination intensity
If full screen video is played, then video quality is improved, but user interaction is reduced
Solution Approach 1:
The patent implements dynamic switching between full-screen video mode and interactive HTML mode. Users can transition between states by closing or minimizing the media player, allowing the system to adapt between prioritizing video quality (full screen) and user interaction (HTML overlay visible) based on user needs.
Data Source
AI summary
A system and a method are disclosed for presenting an interactive video ad in a mobile web browser that does not support embedded video playback in the browser. The interactive video ad comprises an overlay of transparent frame and visible elements, wherein the visible elements include instructions on performing a gesture to interact with the video ad. The system generates an HTML underlay, which is a web page with embedded link to continue playback of the interactive video ad and one or more interactivity options. The HTML underlay is displayed when the gesture is performed. Interactions with the video ad can be selected from the one or more options presented by the HTML underlay.