Adjust marker display on UI when end > canvas duration

samvera-labs · Apr 9, 2024 · ee1c513 · ee1c513
1 parent 0f4dc74
commit ee1c513
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/MediaPlayer/VideoJS/VideoJSPlayer.js b/src/components/MediaPlayer/VideoJS/VideoJSPlayer.js
@@ -405,10 +405,12 @@ function VideoJSPlayer({
           type: 'setTimeFragment',
         });
         if (start != end) {
+          // Set the end to canvas duration if it's greater for marker rendering
+          let markerEnd = end > canvasDuration ? canvasDuration : end;
           player.markers.add([
             {
               time: start,
-              duration: end - start,
+              duration: markerEnd - start,
               text: currentNavItem.label,
             },
           ]);