@micromag/screen-video 0.3.194 → 0.3.199
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +6 -2
- package/lib/index.js +6 -2
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -125,7 +125,9 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
125
125
|
setHasPlayed = _useState2[1];
|
|
126
126
|
|
|
127
127
|
var backgroundPlaying = current && (isView || isEdit);
|
|
128
|
-
var videoPlaying = current && (isView || isEdit) && playing;
|
|
128
|
+
var videoPlaying = current && (isView || isEdit) && playing; // const shouldDisplayPoster =
|
|
129
|
+
// isPreview || isCapture || (isView && active && !current && !hasPlayed);
|
|
130
|
+
|
|
129
131
|
var shouldDisplayPoster = isPreview || isCapture || isView && active && !current && !hasPlayed;
|
|
130
132
|
useEffect(function () {
|
|
131
133
|
if (!current) {
|
|
@@ -319,6 +321,8 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
319
321
|
resolution: resolution,
|
|
320
322
|
shouldLoad: mediaShouldLoad
|
|
321
323
|
}) : /*#__PURE__*/React.createElement(Video, Object.assign({}, finalVideo, {
|
|
324
|
+
width: resizedVideoWidth,
|
|
325
|
+
height: resizedVideoHeight,
|
|
322
326
|
paused: !videoPlaying,
|
|
323
327
|
muted: muted,
|
|
324
328
|
mediaRef: mediaRef,
|
|
@@ -338,7 +342,7 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
338
342
|
key: "bottom-content",
|
|
339
343
|
className: styles.bottom,
|
|
340
344
|
style: {
|
|
341
|
-
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
345
|
+
transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
342
346
|
paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
343
347
|
paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
344
348
|
paddingBottom: spacing / 2,
|
package/lib/index.js
CHANGED
|
@@ -145,7 +145,9 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
145
145
|
setHasPlayed = _useState2[1];
|
|
146
146
|
|
|
147
147
|
var backgroundPlaying = current && (isView || isEdit);
|
|
148
|
-
var videoPlaying = current && (isView || isEdit) && playing;
|
|
148
|
+
var videoPlaying = current && (isView || isEdit) && playing; // const shouldDisplayPoster =
|
|
149
|
+
// isPreview || isCapture || (isView && active && !current && !hasPlayed);
|
|
150
|
+
|
|
149
151
|
var shouldDisplayPoster = isPreview || isCapture || isView && active && !current && !hasPlayed;
|
|
150
152
|
React.useEffect(function () {
|
|
151
153
|
if (!current) {
|
|
@@ -339,6 +341,8 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
339
341
|
resolution: resolution,
|
|
340
342
|
shouldLoad: mediaShouldLoad
|
|
341
343
|
}) : /*#__PURE__*/React__default["default"].createElement(Video__default["default"], Object.assign({}, finalVideo, {
|
|
344
|
+
width: resizedVideoWidth,
|
|
345
|
+
height: resizedVideoHeight,
|
|
342
346
|
paused: !videoPlaying,
|
|
343
347
|
muted: muted,
|
|
344
348
|
mediaRef: mediaRef,
|
|
@@ -358,7 +362,7 @@ var VideoScreen = function VideoScreen(_ref) {
|
|
|
358
362
|
key: "bottom-content",
|
|
359
363
|
className: styles.bottom,
|
|
360
364
|
style: {
|
|
361
|
-
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
365
|
+
transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
362
366
|
paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
363
367
|
paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
364
368
|
paddingBottom: spacing / 2,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-video",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.199",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -50,15 +50,15 @@
|
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@folklore/size": "^0.1.20",
|
|
53
|
-
"@micromag/core": "^0.3.
|
|
54
|
-
"@micromag/element-background": "^0.3.
|
|
55
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
56
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
57
|
-
"@micromag/element-container": "^0.3.
|
|
58
|
-
"@micromag/element-image": "^0.3.
|
|
59
|
-
"@micromag/element-media-controls": "^0.3.
|
|
60
|
-
"@micromag/element-video": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
53
|
+
"@micromag/core": "^0.3.196",
|
|
54
|
+
"@micromag/element-background": "^0.3.198",
|
|
55
|
+
"@micromag/element-call-to-action": "^0.3.196",
|
|
56
|
+
"@micromag/element-closed-captions": "^0.3.196",
|
|
57
|
+
"@micromag/element-container": "^0.3.196",
|
|
58
|
+
"@micromag/element-image": "^0.3.196",
|
|
59
|
+
"@micromag/element-media-controls": "^0.3.196",
|
|
60
|
+
"@micromag/element-video": "^0.3.198",
|
|
61
|
+
"@micromag/transforms": "^0.3.196",
|
|
62
62
|
"classnames": "^2.2.6",
|
|
63
63
|
"lodash": "^4.17.21",
|
|
64
64
|
"prop-types": "^15.7.2",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "79e35db022cb98076504985cd5901ef7057f4383"
|
|
72
72
|
}
|