We have encountered a problem, where we are downloading the video on my application home page and playing it in the videoPlayer page. Playing the video is getting stuck since download is in progress and the streaming request to google-cloud-bucket is in "pending" status(refer the screenshot). As soon as download completes, video starts playing on videoPlayer page.
Can someone suggest any idea/solution for this usecase. There is an error message which is coming on console(on production) and on UI on local dev env.
Error Message: Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().