From 5d4554dc4fc270ee85c0ce3f6e6542e316fc843e Mon Sep 17 00:00:00 2001
From: Christian Pillsbury <cpillsbury@mux.com>
Date: Fri, 1 Sep 2023 12:05:36 -0700
Subject: [PATCH 1/2] fix(mux-video): Make sure to reload/initialize core when
 (re)connecting to DOM.

---
 packages/mux-video/src/index.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/mux-video/src/index.ts b/packages/mux-video/src/index.ts
index 855a5c025..ba85e7910 100644
--- a/packages/mux-video/src/index.ts
+++ b/packages/mux-video/src/index.ts
@@ -603,7 +603,13 @@ class MuxVideoElement extends CustomVideoElement implements Partial<MuxMediaProp
     }
   }
 
-  disconnectedCallback() {
+  connectedCallback(): void {
+    if (this.src && !this.#core) {
+      this.#requestLoad();
+    }
+  }
+
+  disconnectedCallback(): void {
     this.unload();
   }
 }

From ef382bbb1ea9580b3b69d3dcd206c0df48a9fd15 Mon Sep 17 00:00:00 2001
From: Christian Pillsbury <cpillsbury@mux.com>
Date: Tue, 5 Sep 2023 06:20:43 -0700
Subject: [PATCH 2/2] fix(mux-video,mux-audio): (re)load core when connected,
 since we currently unload core when disconnected.

---
 packages/mux-audio/src/index.ts | 7 +++++++
 packages/mux-video/src/index.ts | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/mux-audio/src/index.ts b/packages/mux-audio/src/index.ts
index 9ae543530..48e8510bd 100644
--- a/packages/mux-audio/src/index.ts
+++ b/packages/mux-audio/src/index.ts
@@ -375,6 +375,13 @@ class MuxAudioElement extends CustomAudioElement implements Partial<MuxMediaProp
     }
   }
 
+  connectedCallback(): void {
+    super.connectedCallback?.();
+    if (this.nativeEl && this.src && !this.#core) {
+      this.#requestLoad();
+    }
+  }
+
   disconnectedCallback() {
     this.unload();
   }
diff --git a/packages/mux-video/src/index.ts b/packages/mux-video/src/index.ts
index ba85e7910..cb875dafb 100644
--- a/packages/mux-video/src/index.ts
+++ b/packages/mux-video/src/index.ts
@@ -604,7 +604,8 @@ class MuxVideoElement extends CustomVideoElement implements Partial<MuxMediaProp
   }
 
   connectedCallback(): void {
-    if (this.src && !this.#core) {
+    super.connectedCallback?.();
+    if (this.nativeEl && this.src && !this.#core) {
       this.#requestLoad();
     }
   }