Why does the canvas remain blank when adding and playing an uploaded video with FabricJS in the web app?

I am using a web application in which the users can upload videos from their computers, and everything works smoothly with standard video components and uploads. However, for a specific feature requirement, I’ve identified FabricJS as an excellent library due to its extensive functionality.

My goal is to incorporate this functionality by adding and playing the uploaded video within the web app. After uploading a video, the component displays both a video element and a canvas element. Despite executing the function upon pressing a button, nothing occurs, and the canvas remains blank.