Inconsistent DOM attributes for local screen share stream

[burnhamrobertp]

• @azure/communication-calling:
• 1.23.2:
• Windows:
• nodejs
  • version:
• [*] browser
  • All
• typescript
  • version:
• Is the bug related to documentation in
  • README.md
  • source code documentation
  • SDK API docs on https://docs.microsoft.com

Describe the bug
Local screen share stream appended to the DOM via the typical new VideoStreamRenderer and renderer.createView methods does not receive any of the typical attributes that local non-screen share streams or remote streams (whether video or screen share) get. This includes attributes like playsinline or disablepictureinpicture or - most importantly - the style="width: 100%; height: 100%; object-fit: contain;"

To Reproduce
Steps to reproduce the behavior:

1. Join a room using the @azure/communication-calling but without using the UI library; share your screen.

Expected behavior
a view created via the VideoStreamRenderer has consistent styling and attributes (where appropriate) regardless of whether its local or remote, and regardless of its mediaStreamType.

Screenshots
Local screen share resulting from createView

The same screen share in the same session, viewed by another user (which is seeing it as a remote stream)

Additional context
Initially observed when accessing the local screen share track via call.localScreenSharingStream and when accessing the remote screen share track via call.remoteScreenSharingStream