Interactive Video not respecting display times for text boxes

Title: Interactive Video text interactions do not consistently hide after navigation to another timecode

Environment

  • H5P Interactive Video
  • Latest H5P plugin for WordPress
  • Tested with all custom modifications disabled
  • Browser cache cleared
  • Issue reproducible with newly created interactions

Issue Summary

Text interactions in Interactive Video do not consistently disappear when navigating to another point in the video.

The issue occurs even when all custom JavaScript and CSS modifications are disabled, suggesting the problem originates within Interactive Video itself.

Expected Behaviour

When a user navigates to a different timecode using a navigation hotspot or button, any text interactions that are not scheduled to be visible at the destination time should automatically be hidden.

Actual Behaviour

Occasionally a text interaction remains visible after navigation.

The video correctly jumps to the requested timecode, but one or more previously displayed text interactions remain visible on screen even though:

  • Their display period has ended.
  • They should not be visible at the new video position.
  • The current timecode is outside their configured display range.

Once a particular text interaction enters this state it tends to remain broken and continues to stay visible when navigating around the video.

Steps to Reproduce

  1. Create an Interactive Video.
  2. Add multiple Text Interactions at different points in the timeline.
  3. Configure each text interaction with a limited display window.
  4. Add navigation hotspots or buttons that jump to different timecodes.
  5. Play the video and open one of the text interactions.
  6. Use a navigation hotspot to jump to another section of the video.

Expected:
The original text interaction disappears because its display period has ended.

Actual:
The original text interaction sometimes remains visible even though the video is now outside its display window.

Additional Testing Performed

  • All custom plugins disabled.
  • All custom JavaScript disabled.
  • All custom CSS disabled.
  • Existing interactions replaced with newly created interactions.
  • Existing navigation hotspots replaced with newly created hotspots.
  • Issue remains reproducible.

Observations

  • The navigation itself always works correctly.
  • The video position updates correctly.
  • The problem appears to be related to the visibility state of text interactions not being recalculated after a time jump.
  • The issue is intermittent rather than occurring on every navigation action.
  • Once a text interaction becomes “stuck”, it often continues to remain visible until the content is reloaded.

Possible Cause

It appears that Interactive Video may not always re-evaluate active text interactions after a programmatic time jump, leaving previously visible interactions rendered even though the current playback position no longer falls within their configured display period.

Here's a demo with the issue: Each of the text boxes has a Goto on Click of 0:00, but only the last one in the sequence clears the box when clicked (in this example, it's the 'Behind' sequence. The other two navigate the user to the correct place, but the text box remains visible.

https://thesailingbusiness.com/sample-page/

 

BV52's picture

Hi,

So you have a sample content that we can download to check the settings?

-BV