Detect media element based on tag name

This means it should work for foreign elements from other documents.
phlex-ruby · Mar 1, 2024 · 8c340d1 · 8c340d1
1 parent ad01517
commit 8c340d1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/dist/morphlex.js b/dist/morphlex.js
diff --git a/src/morphlex.ts b/src/morphlex.ts
@@ -123,7 +123,7 @@ class Morph {
 			} else {
 				sensivity += 3;
 
-				if (sensitiveElement instanceof HTMLMediaElement && !sensitiveElement.ended) {
+				if (isMedia(sensitiveElement) && !sensitiveElement.ended) {
 					if (!sensitiveElement.paused) sensivity += 1;
 					if (sensitiveElement.currentTime > 0) sensivity += 1;
 				}
@@ -388,6 +388,12 @@ function isElement(node: Node | ReadonlyNode<Node>): boolean {
 	return node.nodeType === 1;
 }
 
+function isMedia(element: Element): element is HTMLMediaElement;
+function isMedia(element: ReadonlyNode<Element>): element is ReadonlyNode<HTMLMediaElement>;
+function isMedia(element: Element | ReadonlyNode<Element>): boolean {
+	return element.localName === "video" || element.localName === "audio";
+}
+
 function isInput(element: Element): element is HTMLInputElement;
 function isInput(element: ReadonlyNode<Element>): element is ReadonlyNode<HTMLInputElement>;
 function isInput(element: Element | ReadonlyNode<Element>): boolean {