On binding a remote tile to video element, disablePictureInPicture attribute being removed

[justsanjit]

What happened and what did you expect to happen?

I am trying to disable Picture In Picture option for my tiles by adding the disablePictureInPicture attribute. I can see this attribute in inspect tool until I bind the remote tile to this element.

Looks like adding a remote tile to the video element removes this attribute.

Is it expected? How can I disable PictureInPicture mode for my remote tiles?

Have you reviewed our existing documentation?

• [X] GitHub issues
• [X] FAQs page
• [X] README page
• [X] Feature-specific guides

Reproduction steps

• Set disablePictureInPicture attribute on video elements of grid
• Start a meeting
• when remote use start their video, You will no longer see the disabelPictureInPicture attribute on bind video element

Amazon Chime SDK for JavaScript version

2.20.0

What browsers are you seeing the problem on?

Chrome

Browser version

97

Meeting and Attendee ID Information.

No response

Browser console logs

localhost-1643775010848 (1).log

[ltrung]

Seem like we currently manually enable disablePictureInPicture and disableRemotePlayback for local tile and disable them for remote tiles (Code link). I will follow up with the team about this. In the mean time, can you try to set the value after you bind video stream to video element?

audioVideo.bindVideoElement(tileState.tileId, videoElement);
if (!tileState.localTile) {
      videoElement[`disablePictureInPicture`] = true;
 }