@micromag/screen-video 0.3.201 → 0.3.205

package/es/index.js

@@ -93,6 +93,8 @@ var VideoScreen = function VideoScreen(_ref) {
   var _ref2 = video || {},
       _ref2$autoPlay = _ref2.autoPlay,
       autoPlay = _ref2$autoPlay === void 0 ? true : _ref2$autoPlay,
+      _ref2$loop = _ref2.loop,
+      loop = _ref2$loop === void 0 ? false : _ref2$loop,
       _ref2$media = _ref2.media,
       videoMedia = _ref2$media === void 0 ? null : _ref2$media,
       _ref2$thumbnail = _ref2.thumbnail,
@@ -221,12 +223,14 @@ var VideoScreen = function VideoScreen(_ref) {
     }
   }, [trackScreenMedia, video]);
   var onEnded = useCallback(function () {
-    setPlaying(false);
+    if (current && !loop) {
+      setPlaying(false);
+    }
 
-    if (shouldGotoNextScreenOnEnd) {
+    if (current && shouldGotoNextScreenOnEnd) {
       gotoNextScreen();
     }
-  }, [current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
+  }, [loop, current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
   var fullscreen = layout === 'full';
   var hasCallToAction = callToAction !== null && callToAction.active === true;
   var hasVideo = video !== null;
@@ -281,10 +285,10 @@ var VideoScreen = function VideoScreen(_ref) {
     setReady(true);
   }, [setReady]);
   var onSuspended = useCallback(function () {
-    if (playing) {
+    if (playing && current) {
       setPlaying(false);
     }
-  }, [playing, setPlaying]);
+  }, [current, playing, setPlaying]);
   var items = [/*#__PURE__*/React.createElement(ScreenElement, {
     key: "video",
     placeholder: /*#__PURE__*/React.createElement(PlaceholderVideo, Object.assign({

package/lib/index.js

@@ -113,6 +113,8 @@ var VideoScreen = function VideoScreen(_ref) {
   var _ref2 = video || {},
       _ref2$autoPlay = _ref2.autoPlay,
       autoPlay = _ref2$autoPlay === void 0 ? true : _ref2$autoPlay,
+      _ref2$loop = _ref2.loop,
+      loop = _ref2$loop === void 0 ? false : _ref2$loop,
       _ref2$media = _ref2.media,
       videoMedia = _ref2$media === void 0 ? null : _ref2$media,
       _ref2$thumbnail = _ref2.thumbnail,
@@ -241,12 +243,14 @@ var VideoScreen = function VideoScreen(_ref) {
     }
   }, [trackScreenMedia, video]);
   var onEnded = React.useCallback(function () {
-    setPlaying(false);
+    if (current && !loop) {
+      setPlaying(false);
+    }
 
-    if (shouldGotoNextScreenOnEnd) {
+    if (current && shouldGotoNextScreenOnEnd) {
       gotoNextScreen();
     }
-  }, [current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
+  }, [loop, current, shouldGotoNextScreenOnEnd, gotoNextScreen]);
   var fullscreen = layout === 'full';
   var hasCallToAction = callToAction !== null && callToAction.active === true;
   var hasVideo = video !== null;
@@ -301,10 +305,10 @@ var VideoScreen = function VideoScreen(_ref) {
     setReady(true);
   }, [setReady]);
   var onSuspended = React.useCallback(function () {
-    if (playing) {
+    if (playing && current) {
       setPlaying(false);
     }
-  }, [playing, setPlaying]);
+  }, [current, playing, setPlaying]);
   var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
     key: "video",
     placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo, Object.assign({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-video",
-    "version": "0.3.201",
+    "version": "0.3.205",
     "description": "",
     "keywords": [
         "javascript"
@@ -50,15 +50,15 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.196",
-        "@micromag/element-background": "^0.3.200",
-        "@micromag/element-call-to-action": "^0.3.196",
-        "@micromag/element-closed-captions": "^0.3.196",
-        "@micromag/element-container": "^0.3.196",
-        "@micromag/element-image": "^0.3.196",
-        "@micromag/element-media-controls": "^0.3.196",
-        "@micromag/element-video": "^0.3.200",
-        "@micromag/transforms": "^0.3.196",
+        "@micromag/core": "^0.3.205",
+        "@micromag/element-background": "^0.3.205",
+        "@micromag/element-call-to-action": "^0.3.205",
+        "@micromag/element-closed-captions": "^0.3.205",
+        "@micromag/element-container": "^0.3.205",
+        "@micromag/element-image": "^0.3.205",
+        "@micromag/element-media-controls": "^0.3.205",
+        "@micromag/element-video": "^0.3.205",
+        "@micromag/transforms": "^0.3.205",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "b1decf8f5598fce5ddcd470b3c801b8f73358d27"
+    "gitHead": "6611334d21b32d4882928b0bd66d98deda386702"
 }