Getting play() request error on rendering self video via video-player-container

Video SDK
1

Format Your New Topic as Follows:

Video SDK Type and Version
video sdk npm version 1.10.8 for web

Description
The play() request was interrupted by a new load request

Error?
ERROR Error: Uncaught (in promise): AbortError: The play() request was interrupted by a new load request.

Troubleshooting Routes
This error only happens when trying to render self video via the video-player-container attachment method as seen in the docs. If I attach the video by checking to see if video/canvas element is correct than attach not getting the error.

How To Reproduce
Steps to reproduce the behavior including:
Follow the steps exactly shown on the zoom developer video docs here: Video SDK - web - Video

The following code which matches the example is logging this error:

typescript:

            stream.attachVideo(videoRoom.getCurrentUserInfo().userId, 3).then(userVideo => {
                document.querySelector('video-player-container').appendChild(userVideo)
            });
        });

html:

<video-player-container></video-player-container>
1 Like
2

Hey @sam9

Thanks for your feedback.

The issue arises because the initially captured video stream is applied to a Video SDK-inside dummy video element (which is hidden). When using stream.attachVideo, we pause the original video element’s play and apply it to the new video-player element, which is the expected behavior.

You can safely ignore this browser error as it does not affect the functionality.

Thanks
Vic

1 Like