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

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,7 +119,16 @@ customElements.whenDefined('ha-hls-player').then(() => {
               );
             }
           }}
-          @loadeddata=${(ev) => {
+          @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: {
@@ -127,12 +137,6 @@ customElements.whenDefined('ha-hls-player').then(() => {
         },
         technology: ['hls'],
       });
-          }}
-          @volumechange=${() => dispatchMediaVolumeChangeEvent(this)}
-          @play=${() => dispatchMediaPlayEvent(this)}
-          @pause=${() => dispatchMediaPauseEvent(this)}
-        ></video>
-      `;
     }
 
     static get styles(): CSSResultGroup {