diff --git a/.changeset/rotten-turkeys-tickle.md b/.changeset/rotten-turkeys-tickle.md new file mode 100644 index 000000000..3130a582f --- /dev/null +++ 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 index 8e769b51f..861fe6080 100644 --- 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)