Force videojs to not recreate <video>

Happens with HLS playlist on iOS breaking our event listener on the
former <video> element in embed api

1 files changed, 3 insertions, 0 deletions

diff --git a/client/src/assets/player/shared/p2p-media-loader/p2p-media-loader-plugin.ts b/client/src/assets/player/shared/p2p-media-loader/p2p-media-loader-plugin.ts
index 0757aa5de..b608ee3e2 100644
--- a/client/src/assets/player/shared/p2p-media-loader/p2p-media-loader-plugin.ts
+++ b/client/src/assets/player/shared/p2p-media-loader/p2p-media-loader-plugin.ts
@@ -66,6 +66,9 @@ class P2pMediaLoaderPlugin extends Plugin {
         player.ready(() => player.error(error))
         return
       }
+
+      // Workaround to force video.js to not re create a video element
+      (this.player as any).playerElIngest_ = this.player.el().parentNode
     } else {
       // FIXME: typings https://github.com/Microsoft/TypeScript/issues/14080
       (videojs as any).Html5Hlsjs.addHook('beforeinitialize', (videojsPlayer: any, hlsjs: any) => {