fix: chapters event w/ preload none

muxinc · Oct 3, 2024 · 173a0b8 · 173a0b8
1 parent 9e96fd9
commit 173a0b8
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/js/media-store/state-mediator.ts b/src/js/media-store/state-mediator.ts
@@ -685,12 +685,21 @@ export const stateMediator: StateMediator = {
           'track[kind="chapters"][default][src]'
         );
 
+        /* If `media` is a custom media element search in its shadow DOM. */
+        const shadowChaptersTrack = media.shadowRoot?.querySelector(
+          ':is(video,audio) > track[kind="chapters"][default][src]'
+        );
+
         /** @ts-ignore */
         chaptersTrack?.addEventListener('load', handler);
+        /** @ts-ignore */
+        shadowChaptersTrack?.addEventListener('load', handler);
 
         return () => {
           /** @ts-ignore */
           chaptersTrack?.removeEventListener('load', handler);
+          /** @ts-ignore */
+          shadowChaptersTrack?.removeEventListener('load', handler);
         };
       },
     ],