@micromag/element-video 0.3.207 → 0.3.210

package/es/index.js

@@ -11,6 +11,7 @@ import { getMediaFilesAsArray } from '@micromag/core/utils';
 
 var styles = {"container":"micromag-element-video-container","withSize":"micromag-element-video-withSize","video":"micromag-element-video-video"};
 
+var supportVideo = document.createElement('video');
 var propTypes = {
   media: PropTypes.videoMedia,
   thumbnail: PropTypes$1.oneOf([PropTypes$1.string, PropTypes.imageMedia]),
@@ -150,7 +151,6 @@ var Video = function Video(_ref) {
       return null;
     }
 
-    var supportVideo = document.createElement('video');
     var finalSupportedMimes = supportedMimes.filter(function (mime) {
       return supportVideo.canPlayType(mime) !== '';
     });
@@ -240,31 +240,15 @@ var Video = function Video(_ref) {
     if (customOnSuspend !== null) {
       customOnSuspend(e);
     }
-  }, [isSuspended, paused, setIsSuspended, customOnSuspend, onSuspended]); // Ensure load if preload value change over time
-
-  var firstPreloadRef = useRef(preload);
-  var firstShouldLoadRef = useRef(shouldLoad);
-  var hasLoadedRef = useRef(preload !== 'none' && preload !== 'metadata' && shouldLoad);
-  useEffect(function () {
-    var _ref$current2 = _ref9.current,
-        element = _ref$current2 === void 0 ? null : _ref$current2;
-    var canLoad = preload !== 'none' && preload !== 'metadata' && shouldLoad;
-    var preloadHasChanged = firstPreloadRef.current !== preload;
-    var shouldLoadHasChanged = firstShouldLoadRef.current !== shouldLoad;
-
-    if (canLoad && (preloadHasChanged || shouldLoadHasChanged) && !hasLoadedRef.current && element !== null && typeof element.load !== 'undefined') {
-      hasLoadedRef.current = true;
-      element.load();
-    }
-  }, [shouldLoad, preload]);
+  }, [isSuspended, paused, setIsSuspended, customOnSuspend, onSuspended]);
   useEffect(function () {
     if (ready && onReady !== null) {
       onReady();
     }
   }, [ready, onReady]);
   useEffect(function () {
-    var _ref$current3 = _ref9.current,
-        element = _ref$current3 === void 0 ? null : _ref$current3;
+    var _ref$current2 = _ref9.current,
+        element = _ref$current2 === void 0 ? null : _ref$current2;
 
     if (element === null) {
       return;

package/lib/index.js

@@ -23,6 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var styles = {"container":"micromag-element-video-container","withSize":"micromag-element-video-withSize","video":"micromag-element-video-video"};
 
+var supportVideo = document.createElement('video');
 var propTypes = {
   media: core.PropTypes.videoMedia,
   thumbnail: PropTypes__default["default"].oneOf([PropTypes__default["default"].string, core.PropTypes.imageMedia]),
@@ -162,7 +163,6 @@ var Video = function Video(_ref) {
       return null;
     }
 
-    var supportVideo = document.createElement('video');
     var finalSupportedMimes = supportedMimes.filter(function (mime) {
       return supportVideo.canPlayType(mime) !== '';
     });
@@ -252,31 +252,15 @@ var Video = function Video(_ref) {
     if (customOnSuspend !== null) {
       customOnSuspend(e);
     }
-  }, [isSuspended, paused, setIsSuspended, customOnSuspend, onSuspended]); // Ensure load if preload value change over time
-
-  var firstPreloadRef = React.useRef(preload);
-  var firstShouldLoadRef = React.useRef(shouldLoad);
-  var hasLoadedRef = React.useRef(preload !== 'none' && preload !== 'metadata' && shouldLoad);
-  React.useEffect(function () {
-    var _ref$current2 = _ref9.current,
-        element = _ref$current2 === void 0 ? null : _ref$current2;
-    var canLoad = preload !== 'none' && preload !== 'metadata' && shouldLoad;
-    var preloadHasChanged = firstPreloadRef.current !== preload;
-    var shouldLoadHasChanged = firstShouldLoadRef.current !== shouldLoad;
-
-    if (canLoad && (preloadHasChanged || shouldLoadHasChanged) && !hasLoadedRef.current && element !== null && typeof element.load !== 'undefined') {
-      hasLoadedRef.current = true;
-      element.load();
-    }
-  }, [shouldLoad, preload]);
+  }, [isSuspended, paused, setIsSuspended, customOnSuspend, onSuspended]);
   React.useEffect(function () {
     if (ready && onReady !== null) {
       onReady();
     }
   }, [ready, onReady]);
   React.useEffect(function () {
-    var _ref$current3 = _ref9.current,
-        element = _ref$current3 === void 0 ? null : _ref$current3;
+    var _ref$current2 = _ref9.current,
+        element = _ref$current2 === void 0 ? null : _ref$current2;
 
     if (element === null) {
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.207",
+    "version": "0.3.210",
     "description": "",
     "keywords": [
         "javascript"
@@ -52,9 +52,9 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.207",
-        "@micromag/element-closed-captions": "^0.3.207",
-        "@micromag/element-media-controls": "^0.3.207",
+        "@micromag/core": "^0.3.209",
+        "@micromag/element-closed-captions": "^0.3.209",
+        "@micromag/element-media-controls": "^0.3.209",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e7e2958bb7e9e222cc8621b44a90f1e974dd93b6"
+    "gitHead": "2feb6654035cd1fefa1382d17ea31e42b7950292"
 }