fix: Adapt ha-hls-player patch to HA 2024.11 code (#1679)

* Adapt `ha-hls-player` patch to HA `2024.11` code. * Add the poster back in
dermotduffy · Nov 27, 2024 · 030b1e7 · 030b1e7
1 parent 241719c
commit 030b1e7
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/patches/ha-hls-player.ts b/src/patches/ha-hls-player.ts
@@ -106,6 +106,7 @@ customElements.whenDefined('ha-hls-player').then(() => {
       return html`
         <video
           id="video"
+          .poster=${this.posterUrl}
           ?autoplay=${this.autoPlay}
           .muted=${this.muted}
           ?playsinline=${this.playsInline}
@@ -118,23 +119,26 @@ customElements.whenDefined('ha-hls-player').then(() => {
               );
             }
           }}
-          @loadeddata=${(ev) => {
-            dispatchMediaLoadedEvent(this, ev, {
-              player: this,
-              capabilities: {
-                supportsPause: true,
-                hasAudio: mayHaveAudio(this._video),
-              },
-              technology: ['hls'],
-            });
-          }}
+          @loadeddata=${(ev) => this._loadedDataHandler(ev)}
           @volumechange=${() => dispatchMediaVolumeChangeEvent(this)}
           @play=${() => dispatchMediaPlayEvent(this)}
           @pause=${() => dispatchMediaPauseEvent(this)}
         ></video>
       `;
     }
 
+    private _loadedDataHandler(ev: Event) {
+      super._loadedData();
+      dispatchMediaLoadedEvent(this, ev, {
+        player: this,
+        capabilities: {
+          supportsPause: true,
+          hasAudio: mayHaveAudio(this._video),
+        },
+        technology: ['hls'],
+      });
+    }
+
     static get styles(): CSSResultGroup {
       return [
         super.styles,