@micromag/element-video 0.3.789 → 0.3.791

package/es/index.js

@@ -263,6 +263,9 @@ var Video = function Video(_ref) {
       onReady();
     }
   }, [ready, onReady]);
+  var finalPreload = shouldLoad ? preload : 'none';
+  var preloadRef = useRef(finalPreload);
+  var hasPlayedRef = useRef(false);
   useEffect(function () {
     var _ref$current2 = _ref6.current,
       element = _ref$current2 === void 0 ? null : _ref$current2;
@@ -273,6 +276,11 @@ var Video = function Video(_ref) {
     if (paused && !isPaused) {
       element.pause();
     } else if (!paused && isPaused) {
+      if (preloadRef.current === 'none') {
+        element.load();
+        preloadRef.current = finalPreload;
+      }
+      hasPlayedRef.current = true;
       element.play()["catch"](function (e) {
         if (onPlayError !== null) {
           onPlayError(e);
@@ -309,11 +317,11 @@ var Video = function Video(_ref) {
       }
     },
     src: sources === null && shouldLoad ? "".concat(mediaUrl, "#t=0.001") : null,
-    autoPlay: autoPlay && !paused,
+    autoPlay: autoPlay && !paused && !hasPlayedRef.current,
     loop: loop,
     muted: muted,
     poster: shouldLoad && withPoster && finalThumbnail !== null ? finalThumbnail.url || null : null,
-    preload: shouldLoad ? preload : 'none',
+    preload: finalPreload,
     playsInline: playsInline,
     crossOrigin: withoutCors ? 'anonymous' : null,
     disablePictureInPicture: disablePictureInPicture,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.789",
+    "version": "0.3.791",
     "private": false,
     "description": "",
     "keywords": [
@@ -72,5 +72,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "60eb4574b9d13a985e7cd317429c06c1f98ab275"
+    "gitHead": "43b8c9e65fa573fc25b0fe25a10a5b73c015de98"
 }