Local video overlay with object-fit cover (#861)

* add object-fit cover to local video overlay * changeset
signalwire · Aug 23, 2023 · 4f42179 · 4f42179
1 parent 19f8673
commit 4f42179
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/rotten-turkeys-tickle.md b/.changeset/rotten-turkeys-tickle.md
@@ -0,0 +1,5 @@
+---
+'@signalwire/js': patch
+---
+
+Add `object-fit: cover` to the local video overlay element
diff --git a/packages/js/src/utils/videoElement.ts b/packages/js/src/utils/videoElement.ts
@@ -122,6 +122,7 @@ const makeLayoutChangedHandler =
         localVideo.style.width = '100%'
         localVideo.style.height = '100%'
         localVideo.style.pointerEvents = 'none'
+        localVideo.style.objectFit = 'cover'
 
         myLayer.appendChild(localVideo)