@micromag/screen-video 0.3.134 → 0.3.135

package/es/index.js

@@ -289,15 +289,11 @@ var VideoScreen = function VideoScreen(_ref) {
   var onVideoReady = useCallback(function () {
     setReady(true);
   }, [setReady]);
-  useEffect(function () {
-    var checkPlayStatus = setTimeout(function () {
-      if (current && ready && autoPlay && !playing && apiMediaRef) {
-        setShouldCatchFirstTapToPlay(true);
-      }
-    }, 200); // @todo?
-
-    return clearTimeout(checkPlayStatus);
-  }, [current, ready, autoPlay, playing, setShouldCatchFirstTapToPlay]);
+  var onSuspended = useCallback(function () {
+    if (autoPlay) {
+      setShouldCatchFirstTapToPlay(true);
+    }
+  }, [setShouldCatchFirstTapToPlay]);
   var visibleControls = !autoPlay && !playing || muted || showMediaControls;
   var items = [/*#__PURE__*/React.createElement(ScreenElement, {
     key: "video",
@@ -348,10 +344,11 @@ var VideoScreen = function VideoScreen(_ref) {
     onDurationChanged: onDurationChanged,
     onSeeked: onSeeked,
     onEnded: onEnded,
+    onSuspended: onSuspended,
     onVolumeChanged: onVolumeChanged,
     focusable: current && isView,
     shouldLoad: mediaShouldLoad
-  }))) : null), shouldCatchFirstTapToPlay ? /*#__PURE__*/React.createElement("button", {
+  }))) : null), shouldCatchFirstTapToPlay && !playing ? /*#__PURE__*/React.createElement("button", {
     key: "tap-catcher-button",
     type: "button",
     onTouchStart: play,

package/lib/index.js

@@ -310,15 +310,11 @@ var VideoScreen = function VideoScreen(_ref) {
   var onVideoReady = React.useCallback(function () {
     setReady(true);
   }, [setReady]);
-  React.useEffect(function () {
-    var checkPlayStatus = setTimeout(function () {
-      if (current && ready && autoPlay && !playing && apiMediaRef) {
-        setShouldCatchFirstTapToPlay(true);
-      }
-    }, 200); // @todo?
-
-    return clearTimeout(checkPlayStatus);
-  }, [current, ready, autoPlay, playing, setShouldCatchFirstTapToPlay]);
+  var onSuspended = React.useCallback(function () {
+    if (autoPlay) {
+      setShouldCatchFirstTapToPlay(true);
+    }
+  }, [setShouldCatchFirstTapToPlay]);
   var visibleControls = !autoPlay && !playing || muted || showMediaControls;
   var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
     key: "video",
@@ -369,10 +365,11 @@ var VideoScreen = function VideoScreen(_ref) {
     onDurationChanged: onDurationChanged,
     onSeeked: onSeeked,
     onEnded: onEnded,
+    onSuspended: onSuspended,
     onVolumeChanged: onVolumeChanged,
     focusable: current && isView,
     shouldLoad: mediaShouldLoad
-  }))) : null), shouldCatchFirstTapToPlay ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }))) : null), shouldCatchFirstTapToPlay && !playing ? /*#__PURE__*/React__default["default"].createElement("button", {
     key: "tap-catcher-button",
     type: "button",
     onTouchStart: play,

package/package.json

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