@micromag/element-video 0.3.459 → 0.3.463

package/es/index.js

@@ -42,6 +42,7 @@ var propTypes = {
   onVolumeChange: PropTypes$1.func,
   onSuspend: PropTypes$1.func,
   onSuspended: PropTypes$1.func,
+  onPlayError: PropTypes$1.func,
   focusable: PropTypes$1.bool,
   withPoster: PropTypes$1.bool,
   withLoading: PropTypes$1.bool
@@ -74,6 +75,7 @@ var defaultProps = {
   onVolumeChange: null,
   onSuspend: null,
   onSuspended: null,
+  onPlayError: null,
   focusable: true,
   withPoster: false,
   withLoading: false
@@ -105,6 +107,7 @@ var Video = function Video(_ref) {
     customOnVolumeChange = _ref.onVolumeChange,
     customOnSuspend = _ref.onSuspend,
     onSuspended = _ref.onSuspended,
+    onPlayError = _ref.onPlayError,
     focusable = _ref.focusable,
     withPoster = _ref.withPoster,
     withLoading = _ref.withLoading,
@@ -252,9 +255,14 @@ var Video = function Video(_ref) {
     if (paused && !isPaused) {
       element.pause();
     } else if (!paused && isPaused) {
-      element.play();
+      element.play()["catch"](function (e) {
+        if (onPlayError !== null) {
+          onPlayError(e);
+        }
+      });
     }
-  }, [paused]);
+  }, [paused, media, onPlayError]); // test media here for fun
+
   useProgressSteps({
     currentTime: currentTime,
     duration: duration,

package/lib/index.js

@@ -44,6 +44,7 @@ var propTypes = {
   onVolumeChange: PropTypes.func,
   onSuspend: PropTypes.func,
   onSuspended: PropTypes.func,
+  onPlayError: PropTypes.func,
   focusable: PropTypes.bool,
   withPoster: PropTypes.bool,
   withLoading: PropTypes.bool
@@ -76,6 +77,7 @@ var defaultProps = {
   onVolumeChange: null,
   onSuspend: null,
   onSuspended: null,
+  onPlayError: null,
   focusable: true,
   withPoster: false,
   withLoading: false
@@ -107,6 +109,7 @@ var Video = function Video(_ref) {
     customOnVolumeChange = _ref.onVolumeChange,
     customOnSuspend = _ref.onSuspend,
     onSuspended = _ref.onSuspended,
+    onPlayError = _ref.onPlayError,
     focusable = _ref.focusable,
     withPoster = _ref.withPoster,
     withLoading = _ref.withLoading,
@@ -254,9 +257,14 @@ var Video = function Video(_ref) {
     if (paused && !isPaused) {
       element.pause();
     } else if (!paused && isPaused) {
-      element.play();
+      element.play()["catch"](function (e) {
+        if (onPlayError !== null) {
+          onPlayError(e);
+        }
+      });
     }
-  }, [paused]);
+  }, [paused, media, onPlayError]); // test media here for fun
+
   hooks.useProgressSteps({
     currentTime: currentTime,
     duration: duration,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.459",
+    "version": "0.3.463",
     "private": false,
     "description": "",
     "keywords": [
@@ -61,8 +61,8 @@
         "@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.459",
-        "@micromag/element-closed-captions": "^0.3.459",
+        "@micromag/core": "^0.3.463",
+        "@micromag/element-closed-captions": "^0.3.463",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -73,5 +73,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4432e89197f9cebdc6b0c4c39ba65100fb5e0939"
+    "gitHead": "a2eb34209cb2dcbcd6a15d1325a02778543a8bca"
 }