@micromag/element-video 0.4.69 → 0.4.70

package/es/index.js

@@ -6,8 +6,8 @@ import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
 import { useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { Spinner } from '@micromag/core/components';
-import { useSetting, mediaElementIsPlaying } from '@micromag/core/contexts';
 import { useMediaThumbnail, useMediaCurrentTime, useMediaDuration, useMediaReady, useProgressSteps } from '@micromag/core/hooks';
+import { useSetting } from '@micromag/core/contexts';
 import { getMediaFilesAsArray, getVideoSupportedMimes } from '@micromag/core/utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -250,40 +250,38 @@ function Video(_ref) {
       onReady();
     }
   }, [ready, onReady]);
-  var _useState5 = useState(shouldLoad ? preload : 'none'),
-    _useState6 = _slicedToArray(_useState5, 1),
-    finalPreload = _useState6[0];
-  var _useState7 = useState(finalPreload === 'auto' || finalPreload === 'metadata'),
-    _useState8 = _slicedToArray(_useState7, 2),
-    wasPreloaded = _useState8[0],
-    setWasPreloaded = _useState8[1];
+  var finalPreload = shouldLoad ? preload : 'none';
+  var _useState5 = useState(finalPreload === 'auto' || finalPreload === 'metadata'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    wasPreloaded = _useState6[0],
+    setWasPreloaded = _useState6[1];
   useEffect(function () {
     var _ref$current2 = _ref6.current,
       element = _ref$current2 === void 0 ? null : _ref$current2;
-    if (element !== null && shouldLoad && (!wasPreloaded || element.readyState === 0)) {
+    if (shouldLoad && !wasPreloaded && element !== null) {
       try {
         element.load();
       } catch (_unused) {}
       setWasPreloaded(true);
     }
-  }, [shouldLoad, wasPreloaded, mediaUrl, paused]);
+  }, [shouldLoad, wasPreloaded]);
   useEffect(function () {
     var _ref$current3 = _ref6.current,
       element = _ref$current3 === void 0 ? null : _ref$current3;
     if (element === null || mediaUrl === null) {
       return;
     }
-    var isPlaying = mediaElementIsPlaying(element);
-    if (paused && isPlaying) {
+    var isPaused = element.paused;
+    if (paused && !isPaused) {
       element.pause();
-    } else if (!paused && !isPlaying) {
+    } else if (!paused && isPaused) {
       element.play()["catch"](function (e) {
         if (onPlayError !== null) {
           onPlayError(e);
         }
       });
     }
-  }, [paused, media, mediaUrl, shouldLoad, wasPreloaded]);
+  }, [paused, media, mediaUrl, onPlayError]);
   useProgressSteps({
     currentTime: currentTime,
     duration: duration,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.4.69",
+    "version": "0.4.70",
     "private": false,
     "description": "",
     "keywords": [
@@ -72,6 +72,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "509e113dc06022d6092e4aac9f47ccd5facfd59d",
+    "gitHead": "4f76a8f1ad594be2aadb4a593da5455da8afc8b6",
     "types": "es/index.d.ts"
 }