From 669694ab20342f3722a1c168fb1adc0e102f696d Mon Sep 17 00:00:00 2001
From: rahim <rahim.alwer@gmail.com>
Date: Tue, 10 Mar 2026 11:18:52 -0700
Subject: [PATCH] fix(html): remove commented error dialog blocks from video
 skins (#865)

---
 .../html/src/define/video/minimal-skin.tailwind.ts  | 13 -------------
 packages/html/src/define/video/minimal-skin.ts      | 12 ------------
 packages/html/src/define/video/skin.tailwind.ts     | 13 -------------
 packages/html/src/define/video/skin.ts              | 12 ------------
 4 files changed, 50 deletions(-)

diff --git a/packages/html/src/define/video/minimal-skin.tailwind.ts b/packages/html/src/define/video/minimal-skin.tailwind.ts
index 77f53ae0..af6b6989 100644
--- a/packages/html/src/define/video/minimal-skin.tailwind.ts
+++ b/packages/html/src/define/video/minimal-skin.tailwind.ts
@@ -5,7 +5,6 @@ import {
   button,
   buttonGroup,
   controls,
-  error,
   icon,
   iconContainer,
   iconFlipped,
@@ -50,18 +49,6 @@ function getTemplateHTML() {
         ${renderIcon('spinner')}
       </media-buffering-indicator>
 
-      <!--<div class="${error.root}" role="alertdialog" aria-labelledby="media-error-title" aria-describedby="media-error-description">
-        <div class="${error.dialog}">
-          <div class="${error.content}">
-            <p id="media-error-title" class="${error.title}">Something went wrong.</p>
-            <p id="media-error-description">An error occurred while trying to play the video. Please try again.</p>
-          </div>
-          <div class="${error.actions}">
-            <button type="button" class="${cn(button.base, button.default)}">OK</button>
-          </div>
-        </div>
-      </div>-->
-
       <media-controls data-controls="" class="${controls}">
         <span class="${buttonGroup}">
           <span class="${tooltipState.play.wrapper}">
diff --git a/packages/html/src/define/video/minimal-skin.ts b/packages/html/src/define/video/minimal-skin.ts
index e60608a4..17b1c4f5 100644
--- a/packages/html/src/define/video/minimal-skin.ts
+++ b/packages/html/src/define/video/minimal-skin.ts
@@ -30,18 +30,6 @@ function getTemplateHTML() {
         ${renderIcon('spinner', { class: 'media-icon' })}
       </media-buffering-indicator>
 
-      <!--<div class="media-error" role="alertdialog" aria-labelledby="media-error-title" aria-describedby="media-error-description">
-        <div class="media-error__dialog">
-          <div class="media-error__content">
-            <p id="media-error-title" class="media-error__title">Something went wrong.</p>
-            <p id="media-error-description" class="media-error__description">An error occurred while trying to play the video. Please try again.</p>
-          </div>
-          <div class="media-error__actions">
-            <button type="button" class="media-button">OK</button>
-          </div>
-        </div>
-      </div>-->
-
       <media-controls class="media-controls">
         <span class="media-button-group">
           <media-play-button commandfor="play-tooltip" class="media-button media-button--icon media-button--play">
diff --git a/packages/html/src/define/video/skin.tailwind.ts b/packages/html/src/define/video/skin.tailwind.ts
index b3ff30e0..81b81dd7 100644
--- a/packages/html/src/define/video/skin.tailwind.ts
+++ b/packages/html/src/define/video/skin.tailwind.ts
@@ -4,7 +4,6 @@ import {
   bufferingIndicator,
   button,
   controls,
-  error,
   icon,
   iconContainer,
   iconFlipped,
@@ -51,18 +50,6 @@ function getTemplateHTML() {
         </div>
       </media-buffering-indicator>
 
-      <!--<div class="${error.root}" role="alertdialog" aria-labelledby="media-error-title" aria-describedby="media-error-description">
-        <div class="${error.dialog}">
-          <div class="${error.content}">
-            <p id="media-error-title" class="${error.title}">Something went wrong.</p>
-            <p id="media-error-description" class="${error.description}">An error occurred while trying to play the video. Please try again.</p>
-          </div>
-          <div class="${error.actions}">
-            <button type="button" class="${cn(button.base, button.default)}">OK</button>
-          </div>
-        </div>
-      </div>-->
-
       <media-controls data-controls="" class="${controls}">
         <span class="${tooltipState.play.wrapper}">
           <media-play-button commandfor="play-tooltip" class="${cn(button.base, button.icon, iconState.play.button)}">
diff --git a/packages/html/src/define/video/skin.ts b/packages/html/src/define/video/skin.ts
index 21780e20..26d70b55 100644
--- a/packages/html/src/define/video/skin.ts
+++ b/packages/html/src/define/video/skin.ts
@@ -33,18 +33,6 @@ function getTemplateHTML() {
         </div>
       </media-buffering-indicator>
 
-      <!--<div class="media-error" role="alertdialog" aria-labelledby="media-error-title" aria-describedby="media-error-description">
-        <div class="media-error__dialog media-surface">
-          <div class="media-error__content">
-            <p id="media-error-title" class="media-error__title">Something went wrong.</p>
-            <p id="media-error-description" class="media-error__description">An error occurred while trying to play the video. Please try again.</p>
-          </div>
-          <div class="media-error__actions">
-            <button type="button" class="media-button">OK</button>
-          </div>
-        </div>
-      </div>-->
-
       <media-controls class="media-surface media-controls">
         <media-play-button commandfor="play-tooltip" class="media-button media-button--icon media-button--play">
           ${renderIcon('restart', { class: 'media-icon media-icon--restart' })}