Fix video dispose (#6904)

* fix video dispose bug

* remove commented

ui/component/app/view.jsx

@@ -5,7 +5,7 @@ import { lazyImport } from 'util/lazyImport';
 import classnames from 'classnames';
 import analytics from 'analytics';
 import { buildURI, parseURI } from 'lbry-redux';
-import { SIMPLE_SITE } from 'config';
+import { SIMPLE_SITE, ENABLE_PREROLL_ADS } from 'config';
 import Router from 'component/router/index';
 import ReactModal from 'react-modal';
 import { openContextMenu } from 'util/context-menu';
@@ -325,6 +325,23 @@ function App(props: Props) {
     }
   }, [previousRewardApproved, isRewardApproved]);
 
+  // Load IMA3 SDK for aniview
+  // @if TARGET='web'
+  useEffect(() => {
+    if (ENABLE_PREROLL_ADS) {
+      const script = document.createElement('script');
+      script.src = `https://imasdk.googleapis.com/js/sdkloader/ima3.js`;
+      script.async = true;
+      // $FlowFixMe
+      document.body.appendChild(script);
+      return () => {
+        // $FlowFixMe
+        document.body.removeChild(script);
+      };
+    }
+  });
+  // @endif
+
   // @if TARGET='app'
   useEffect(() => {
     if (updatePreferences && getWalletSyncPref && readyForPrefs) {

ui/component/viewers/videoViewer/internal/videojs.jsx

@@ -624,8 +624,8 @@ export default React.memo<Props>(function VideoJs(props: Props) {
 
       const player = playerRef.current;
       if (player) {
-        window.player = undefined;
         player.dispose();
+        window.player = undefined;
       }
     };
   }, [isAudio]);
@@ -664,22 +664,6 @@ export default React.memo<Props>(function VideoJs(props: Props) {
     });
   }, [source, reload]);
 
-  // Load IMA3 SDK for aniview
-  // @if TARGET='web'
-  useEffect(() => {
-    const script = document.createElement('script');
-    script.src = `https://imasdk.googleapis.com/js/sdkloader/ima3.js`;
-    script.async = true;
-    // $FlowFixMe
-    document.body.appendChild(script);
-
-    return () => {
-      // $FlowFixMe
-      document.body.removeChild(script);
-    };
-  });
-  // @endif
-
   return (
     // $FlowFixMe
     <div className={classnames('video-js-parent', { 'video-js-parent--ios': IS_IOS })} ref={containerRef}>