Javascript 如何在fabricjs画布中选择视频元素？

我用下面的代码在fabricjs中创建了一个视频元素

 const videoE = document.createElement('video') as HTMLVideoElement;
        videoE.width = 240;
        videoE.height = 140;
        videoE.crossOrigin = 'anonymous';
        videoE.controls = true;
        videoE.id = idObject.toString();
            const source = document.createElement('source') as HTMLSourceElement;
            source.src = url;
            source.type = 'video/webm';
            videoE.appendChild(source);
            console.log(videoE);


        const fab_video =  this.fabricUtilsService.addVideo(videoE, {
            elementType: ElementType.Video,
            scaleX: 1,
            scaleY: 1,
            idObjet: idObject,
       }, url
        );

           canvas.add(fab_video);
           fab_video.getElement().play();


          fabric.util.requestAnimFrame(function render() {
                canvas.renderAll();
                fabric.util.requestAnimFrame(render);
            });

视频已正确加载并渲染到fabricjs画布。现在我有一个按钮，可以从画布上删除视频。我尝试了以下方法：

从画布对象中删除视频将停止动画。视频不再渲染到画布上，但声音仍在背景中播放

首先暂停视频，然后从画布对象中删除视频，应该会得到所需的结果。我无法从画布对象中获取视频元素，但需要暂停它

是否有其他方法从画布中选择视频元素并应用播放/暂停方法？ 有没有更好的方法从画布上删除视频