Use a classic video tag if it's not HLS.

src/frigate-hass-card.ts

@@ -783,6 +783,7 @@ export class FrigateCard extends LitElement {
           />`
         : ``}
       ${this._view.is('clip')
+        ? resolvedMedia?.mime_type.toLowerCase() == 'application/x-mpegurl'
           ? html`<ha-hls-player
               .hass=${this._hass}
               .url=${resolvedMedia.url}
@@ -795,6 +796,22 @@ export class FrigateCard extends LitElement {
               ?autoplay="${autoplay}"
             >
             </ha-hls-player>`
+          : html`<video
+              class="frigate-card-viewer"
+              title="${mediaToRender.title}"
+              muted
+              controls
+              playsinline
+              @play=${() => {
+                this._clipPlaying = true;
+              }}
+              @pause=${() => {
+                this._clipPlaying = false;
+              }}
+              ?autoplay="${autoplay}"
+            >
+              <source src="${resolvedMedia.url}" type="${resolvedMedia.mime_type}" />
+            </video>`
         : html`<img
             src=${resolvedMedia.url}
             class="frigate-card-viewer"