Default size of hui-image to 16:9 during loading (#14245)

src/components/ha-web-rtc-player.ts

@@ -8,6 +8,7 @@ import {
 } from "lit";
 import { customElement, property, state, query } from "lit/decorators";
 import { isComponentLoaded } from "../common/config/is_component_loaded";
+import { fireEvent } from "../common/dom/fire_event";
 import { handleWebRtcOffer, WebRtcAnswer } from "../data/camera";
 import { fetchWebRtcSettings } from "../data/rtsp_to_webrtc";
 import type { HomeAssistant } from "../types";
@@ -59,6 +60,7 @@ class HaWebRtcPlayer extends LitElement {
         ?playsinline=${this.playsInline}
         ?controls=${this.controls}
         .poster=${this.posterUrl}
+        @loadeddata=${this._loadedData}
       ></video>
     `;
   }
@@ -188,6 +190,11 @@ class HaWebRtcPlayer extends LitElement {
     }
   }
 
+  private _loadedData() {
+    // @ts-ignore
+    fireEvent(this, "load");
+  }
+
   static get styles(): CSSResultGroup {
     return css`
       :host,