defer player dispose to avoid dom conflicts (#8255)

Co-authored-by: zhouwenxuan <aries@Mac.local>

frontend/src/components/video-player.js

@@ -32,9 +32,15 @@ class VideoPlayer extends React.Component {
 
   // destroy player on unmount
   componentWillUnmount() {
+    setTimeout(() => {
+      try {
         if (this.player) {
           this.player.dispose();
         }
+      } catch (e) {
+        //
+      }
+    }, 0);
   }
 
   // wrap the player in a div with a `data-vjs-player` attribute