@wistia/wistia-player-react 0.0.82 → 0.0.83
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.
|
@@ -1012,6 +1012,44 @@ var init_wistia_player = __esm({
|
|
|
1012
1012
|
var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(7231);
|
|
1013
1013
|
var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1341);
|
|
1014
1014
|
var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(8213);
|
|
1015
|
+
function ownKeys2(e, r) {
|
|
1016
|
+
var t = Object.keys(e);
|
|
1017
|
+
if (Object.getOwnPropertySymbols) {
|
|
1018
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
1019
|
+
r && (o = o.filter(function(r2) {
|
|
1020
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
1021
|
+
})), t.push.apply(t, o);
|
|
1022
|
+
}
|
|
1023
|
+
return t;
|
|
1024
|
+
}
|
|
1025
|
+
function _objectSpread2(e) {
|
|
1026
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
1027
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
1028
|
+
r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
|
|
1029
|
+
_defineProperty2(e, r2, t[r2]);
|
|
1030
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
|
|
1031
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
1032
|
+
});
|
|
1033
|
+
}
|
|
1034
|
+
return e;
|
|
1035
|
+
}
|
|
1036
|
+
function _defineProperty2(e, r, t) {
|
|
1037
|
+
return (r = _toPropertyKey2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
|
|
1038
|
+
}
|
|
1039
|
+
function _toPropertyKey2(t) {
|
|
1040
|
+
var i2 = _toPrimitive2(t, "string");
|
|
1041
|
+
return "symbol" == typeof i2 ? i2 : i2 + "";
|
|
1042
|
+
}
|
|
1043
|
+
function _toPrimitive2(t, r) {
|
|
1044
|
+
if ("object" != typeof t || !t) return t;
|
|
1045
|
+
var e = t[Symbol.toPrimitive];
|
|
1046
|
+
if (void 0 !== e) {
|
|
1047
|
+
var i2 = e.call(t, r || "default");
|
|
1048
|
+
if ("object" != typeof i2) return i2;
|
|
1049
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
1050
|
+
}
|
|
1051
|
+
return ("string" === r ? String : Number)(t);
|
|
1052
|
+
}
|
|
1015
1053
|
function _slicedToArray2(r, e) {
|
|
1016
1054
|
return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
|
|
1017
1055
|
}
|
|
@@ -1062,7 +1100,7 @@ var init_wistia_player = __esm({
|
|
|
1062
1100
|
var ALPHA_MIX_BLEND_MODE = 0.7;
|
|
1063
1101
|
var ALPHA_NO_MIX_BLEND_MODE = 0.85;
|
|
1064
1102
|
var BigPlayButton = function BigPlayButton2(_ref) {
|
|
1065
|
-
var _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, _ref$hasNewRoundedIco = _ref.hasNewRoundedIcons, hasNewRoundedIcons = _ref$hasNewRoundedIco === void 0 ? false : _ref$hasNewRoundedIco, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName;
|
|
1103
|
+
var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, _ref$hasNewRoundedIco = _ref.hasNewRoundedIcons, hasNewRoundedIcons = _ref$hasNewRoundedIco === void 0 ? false : _ref$hasNewRoundedIco, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth, videoHeight = _ref.videoHeight;
|
|
1066
1104
|
var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isFocused = _useState2[0], setIsFocused = _useState2[1];
|
|
1067
1105
|
var scaledWidth = baseWidth * scale;
|
|
1068
1106
|
var scaledHeight = baseHeight * scale;
|
|
@@ -1107,15 +1145,27 @@ var init_wistia_player = __esm({
|
|
|
1107
1145
|
if (isFocused) {
|
|
1108
1146
|
overlayColor.lighten("15%");
|
|
1109
1147
|
}
|
|
1110
|
-
var
|
|
1111
|
-
|
|
1148
|
+
var gradientStyles = function gradientStyles2() {
|
|
1149
|
+
var shouldUseGradient = backgroundGradientCss != null;
|
|
1150
|
+
if (!shouldUseGradient) {
|
|
1151
|
+
return {};
|
|
1152
|
+
}
|
|
1153
|
+
return {
|
|
1154
|
+
background: backgroundGradientCss,
|
|
1155
|
+
backgroundSize: "".concat(videoWidth, "px ").concat(videoHeight, "px"),
|
|
1156
|
+
backgroundPositionX: "center"
|
|
1157
|
+
};
|
|
1158
|
+
};
|
|
1159
|
+
var overlayStyle = _objectSpread2(_objectSpread2({
|
|
1160
|
+
backgroundColor: overlayColor.toRgba()
|
|
1161
|
+
}, gradientStyles()), {}, {
|
|
1112
1162
|
height: "".concat(scaledHeight, "px"),
|
|
1113
1163
|
left: 0,
|
|
1114
1164
|
position: "absolute",
|
|
1115
1165
|
top: 0,
|
|
1116
1166
|
transition: "background-color 150ms",
|
|
1117
1167
|
width: "".concat(scaledWidth, "px")
|
|
1118
|
-
};
|
|
1168
|
+
});
|
|
1119
1169
|
var shouldDisplayDuration = showBpbTime && !isLiveMedia;
|
|
1120
1170
|
var timeStyle = {
|
|
1121
1171
|
background: "rgba(0,0,0,.4)",
|
|
@@ -1997,7 +2047,9 @@ var init_wistia_player = __esm({
|
|
|
1997
2047
|
playerLanguage: calculatedPlayerLanguage,
|
|
1998
2048
|
scale,
|
|
1999
2049
|
showBpbTime: shouldShowBpbTime,
|
|
2000
|
-
videoName: name !== null && name !== void 0 ? name : ""
|
|
2050
|
+
videoName: name !== null && name !== void 0 ? name : "",
|
|
2051
|
+
videoWidth: playerWidth,
|
|
2052
|
+
videoHeight: height
|
|
2001
2053
|
}));
|
|
2002
2054
|
};
|
|
2003
2055
|
}
|
|
@@ -9649,7 +9701,7 @@ var init_wistia_player = __esm({
|
|
|
9649
9701
|
var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
9650
9702
|
var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
|
|
9651
9703
|
var SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
9652
|
-
var TAGGED_VERSION = "0.0.
|
|
9704
|
+
var TAGGED_VERSION = "0.0.83";
|
|
9653
9705
|
var DEFAULT_PROTOCOL = function() {
|
|
9654
9706
|
if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
|
|
9655
9707
|
return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
|
|
@@ -12651,7 +12703,12 @@ var init_wistia_player = __esm({
|
|
|
12651
12703
|
if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s.bindable) {
|
|
12652
12704
|
_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s.bindable = {
|
|
12653
12705
|
bind: function bind(event, callback) {
|
|
12654
|
-
if (
|
|
12706
|
+
if (event === "crosstime" && this.crossTime) {
|
|
12707
|
+
this.crossTime.addBinding(arguments[1], arguments[2]);
|
|
12708
|
+
return this;
|
|
12709
|
+
}
|
|
12710
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
12711
|
+
this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
|
|
12655
12712
|
return this;
|
|
12656
12713
|
}
|
|
12657
12714
|
if (callback) {
|
|
@@ -12664,7 +12721,20 @@ var init_wistia_player = __esm({
|
|
|
12664
12721
|
},
|
|
12665
12722
|
// unbind the matching callback and event for this video
|
|
12666
12723
|
unbind: function unbind(event, callback) {
|
|
12667
|
-
if (
|
|
12724
|
+
if (event === "crosstime" && this.crossTime) {
|
|
12725
|
+
if (!callback) {
|
|
12726
|
+
this.crossTime.removeAllBindings();
|
|
12727
|
+
} else {
|
|
12728
|
+
this.crossTime.removeBinding(arguments[1], arguments[2]);
|
|
12729
|
+
}
|
|
12730
|
+
return this;
|
|
12731
|
+
}
|
|
12732
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
12733
|
+
if (!callback) {
|
|
12734
|
+
this.betweenTimes.removeAllBindings();
|
|
12735
|
+
} else {
|
|
12736
|
+
this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
|
|
12737
|
+
}
|
|
12668
12738
|
return this;
|
|
12669
12739
|
}
|
|
12670
12740
|
if (callback) {
|
|
@@ -12679,16 +12749,24 @@ var init_wistia_player = __esm({
|
|
|
12679
12749
|
return this;
|
|
12680
12750
|
},
|
|
12681
12751
|
on: function on(event, fn) {
|
|
12682
|
-
|
|
12683
|
-
|
|
12684
|
-
return
|
|
12752
|
+
if (event === "crosstime" && this.crossTime) {
|
|
12753
|
+
this.crossTime.addBinding(arguments[1], arguments[2]);
|
|
12754
|
+
return this;
|
|
12755
|
+
}
|
|
12756
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
12757
|
+
this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
|
|
12758
|
+
return this;
|
|
12685
12759
|
}
|
|
12686
12760
|
return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__.oI.call(this, event, fn);
|
|
12687
12761
|
},
|
|
12688
12762
|
off: function off(event, fn) {
|
|
12689
|
-
|
|
12690
|
-
|
|
12691
|
-
return
|
|
12763
|
+
if (event === "crosstime" && this.crossTime) {
|
|
12764
|
+
this.crossTime.removeBinding(arguments[1], arguments[2]);
|
|
12765
|
+
return this;
|
|
12766
|
+
}
|
|
12767
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
12768
|
+
this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
|
|
12769
|
+
return this;
|
|
12692
12770
|
}
|
|
12693
12771
|
return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__.Nw.call(this, event, fn);
|
|
12694
12772
|
},
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
import { forwardRef, Suspense, lazy, Fragment } from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
var WistiaPlayerWrapper = lazy(
|
|
10
|
-
async () => import("./WistiaPlayerWrapper-
|
|
10
|
+
async () => import("./WistiaPlayerWrapper-BVEFI3GU.mjs").then((module) => ({
|
|
11
11
|
default: module.WistiaPlayerWrapper
|
|
12
12
|
}))
|
|
13
13
|
);
|
|
@@ -22,7 +22,7 @@ var WistiaPlayerWrapper = forwardRef(
|
|
|
22
22
|
setSwatchAspectRatio(ratio);
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
|
-
void import("./wistia-player-
|
|
25
|
+
void import("./wistia-player-NX5TFZF5.mjs");
|
|
26
26
|
void customElements.whenDefined("wistia-player").then(() => {
|
|
27
27
|
setIsWistiaPlayerDefined(true);
|
|
28
28
|
});
|
|
@@ -89,6 +89,44 @@ var __webpack_modules__ = {
|
|
|
89
89
|
var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(7231);
|
|
90
90
|
var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1341);
|
|
91
91
|
var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(8213);
|
|
92
|
+
function ownKeys2(e, r) {
|
|
93
|
+
var t = Object.keys(e);
|
|
94
|
+
if (Object.getOwnPropertySymbols) {
|
|
95
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
96
|
+
r && (o = o.filter(function(r2) {
|
|
97
|
+
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
98
|
+
})), t.push.apply(t, o);
|
|
99
|
+
}
|
|
100
|
+
return t;
|
|
101
|
+
}
|
|
102
|
+
function _objectSpread2(e) {
|
|
103
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
104
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
105
|
+
r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
|
|
106
|
+
_defineProperty2(e, r2, t[r2]);
|
|
107
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
|
|
108
|
+
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
return e;
|
|
112
|
+
}
|
|
113
|
+
function _defineProperty2(e, r, t) {
|
|
114
|
+
return (r = _toPropertyKey2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
|
|
115
|
+
}
|
|
116
|
+
function _toPropertyKey2(t) {
|
|
117
|
+
var i2 = _toPrimitive2(t, "string");
|
|
118
|
+
return "symbol" == typeof i2 ? i2 : i2 + "";
|
|
119
|
+
}
|
|
120
|
+
function _toPrimitive2(t, r) {
|
|
121
|
+
if ("object" != typeof t || !t) return t;
|
|
122
|
+
var e = t[Symbol.toPrimitive];
|
|
123
|
+
if (void 0 !== e) {
|
|
124
|
+
var i2 = e.call(t, r || "default");
|
|
125
|
+
if ("object" != typeof i2) return i2;
|
|
126
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
127
|
+
}
|
|
128
|
+
return ("string" === r ? String : Number)(t);
|
|
129
|
+
}
|
|
92
130
|
function _slicedToArray2(r, e) {
|
|
93
131
|
return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
|
|
94
132
|
}
|
|
@@ -139,7 +177,7 @@ var __webpack_modules__ = {
|
|
|
139
177
|
var ALPHA_MIX_BLEND_MODE = 0.7;
|
|
140
178
|
var ALPHA_NO_MIX_BLEND_MODE = 0.85;
|
|
141
179
|
var BigPlayButton = function BigPlayButton2(_ref) {
|
|
142
|
-
var _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, _ref$hasNewRoundedIco = _ref.hasNewRoundedIcons, hasNewRoundedIcons = _ref$hasNewRoundedIco === void 0 ? false : _ref$hasNewRoundedIco, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName;
|
|
180
|
+
var backgroundGradientCss = _ref.backgroundGradientCss, _ref$baseHeight = _ref.baseHeight, baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight, _ref$baseWidth = _ref.baseWidth, baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth, borderRadius = _ref.borderRadius, buttonTabIndex = _ref.buttonTabIndex, color = _ref.color, _ref$controlBarDistan = _ref.controlBarDistance, controlBarDistance = _ref$controlBarDistan === void 0 ? 0 : _ref$controlBarDistan, duration = _ref.duration, elemRef = _ref.elemRef, _ref$hasNewRoundedIco = _ref.hasNewRoundedIcons, hasNewRoundedIcons = _ref$hasNewRoundedIco === void 0 ? false : _ref$hasNewRoundedIco, isLiveMedia = _ref.isLiveMedia, _ref$isLoading = _ref.isLoading, isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, isVisible = _ref.isVisible, _ref$leftNudgeFractio = _ref.leftNudgeFraction, leftNudgeFraction = _ref$leftNudgeFractio === void 0 ? 0 : _ref$leftNudgeFractio, _ref$noMixBlendMode = _ref.noMixBlendMode, noMixBlendMode = _ref$noMixBlendMode === void 0 ? false : _ref$noMixBlendMode, onClick = _ref.onClick, playerLanguage = _ref.playerLanguage, scale = _ref.scale, showBpbTime = _ref.showBpbTime, _ref$topNudgeFraction = _ref.topNudgeFraction, topNudgeFraction = _ref$topNudgeFraction === void 0 ? 0 : _ref$topNudgeFraction, videoName = _ref.videoName, videoWidth = _ref.videoWidth, videoHeight = _ref.videoHeight;
|
|
143
181
|
var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isFocused = _useState2[0], setIsFocused = _useState2[1];
|
|
144
182
|
var scaledWidth = baseWidth * scale;
|
|
145
183
|
var scaledHeight = baseHeight * scale;
|
|
@@ -184,15 +222,27 @@ var __webpack_modules__ = {
|
|
|
184
222
|
if (isFocused) {
|
|
185
223
|
overlayColor.lighten("15%");
|
|
186
224
|
}
|
|
187
|
-
var
|
|
188
|
-
|
|
225
|
+
var gradientStyles = function gradientStyles2() {
|
|
226
|
+
var shouldUseGradient = backgroundGradientCss != null;
|
|
227
|
+
if (!shouldUseGradient) {
|
|
228
|
+
return {};
|
|
229
|
+
}
|
|
230
|
+
return {
|
|
231
|
+
background: backgroundGradientCss,
|
|
232
|
+
backgroundSize: "".concat(videoWidth, "px ").concat(videoHeight, "px"),
|
|
233
|
+
backgroundPositionX: "center"
|
|
234
|
+
};
|
|
235
|
+
};
|
|
236
|
+
var overlayStyle = _objectSpread2(_objectSpread2({
|
|
237
|
+
backgroundColor: overlayColor.toRgba()
|
|
238
|
+
}, gradientStyles()), {}, {
|
|
189
239
|
height: "".concat(scaledHeight, "px"),
|
|
190
240
|
left: 0,
|
|
191
241
|
position: "absolute",
|
|
192
242
|
top: 0,
|
|
193
243
|
transition: "background-color 150ms",
|
|
194
244
|
width: "".concat(scaledWidth, "px")
|
|
195
|
-
};
|
|
245
|
+
});
|
|
196
246
|
var shouldDisplayDuration = showBpbTime && !isLiveMedia;
|
|
197
247
|
var timeStyle = {
|
|
198
248
|
background: "rgba(0,0,0,.4)",
|
|
@@ -1074,7 +1124,9 @@ var __webpack_modules__ = {
|
|
|
1074
1124
|
playerLanguage: calculatedPlayerLanguage,
|
|
1075
1125
|
scale,
|
|
1076
1126
|
showBpbTime: shouldShowBpbTime,
|
|
1077
|
-
videoName: name !== null && name !== void 0 ? name : ""
|
|
1127
|
+
videoName: name !== null && name !== void 0 ? name : "",
|
|
1128
|
+
videoWidth: playerWidth,
|
|
1129
|
+
videoHeight: height
|
|
1078
1130
|
}));
|
|
1079
1131
|
};
|
|
1080
1132
|
}
|
|
@@ -8726,7 +8778,7 @@ var __webpack_modules__ = {
|
|
|
8726
8778
|
var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
8727
8779
|
var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
|
|
8728
8780
|
var SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
8729
|
-
var TAGGED_VERSION = "0.0.
|
|
8781
|
+
var TAGGED_VERSION = "0.0.83";
|
|
8730
8782
|
var DEFAULT_PROTOCOL = function() {
|
|
8731
8783
|
if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
|
|
8732
8784
|
return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
|
|
@@ -11728,7 +11780,12 @@ var __webpack_modules__ = {
|
|
|
11728
11780
|
if (!_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s.bindable) {
|
|
11729
11781
|
_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s.bindable = {
|
|
11730
11782
|
bind: function bind(event, callback) {
|
|
11731
|
-
if (
|
|
11783
|
+
if (event === "crosstime" && this.crossTime) {
|
|
11784
|
+
this.crossTime.addBinding(arguments[1], arguments[2]);
|
|
11785
|
+
return this;
|
|
11786
|
+
}
|
|
11787
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
11788
|
+
this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
|
|
11732
11789
|
return this;
|
|
11733
11790
|
}
|
|
11734
11791
|
if (callback) {
|
|
@@ -11741,7 +11798,20 @@ var __webpack_modules__ = {
|
|
|
11741
11798
|
},
|
|
11742
11799
|
// unbind the matching callback and event for this video
|
|
11743
11800
|
unbind: function unbind(event, callback) {
|
|
11744
|
-
if (
|
|
11801
|
+
if (event === "crosstime" && this.crossTime) {
|
|
11802
|
+
if (!callback) {
|
|
11803
|
+
this.crossTime.removeAllBindings();
|
|
11804
|
+
} else {
|
|
11805
|
+
this.crossTime.removeBinding(arguments[1], arguments[2]);
|
|
11806
|
+
}
|
|
11807
|
+
return this;
|
|
11808
|
+
}
|
|
11809
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
11810
|
+
if (!callback) {
|
|
11811
|
+
this.betweenTimes.removeAllBindings();
|
|
11812
|
+
} else {
|
|
11813
|
+
this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
|
|
11814
|
+
}
|
|
11745
11815
|
return this;
|
|
11746
11816
|
}
|
|
11747
11817
|
if (callback) {
|
|
@@ -11756,16 +11826,24 @@ var __webpack_modules__ = {
|
|
|
11756
11826
|
return this;
|
|
11757
11827
|
},
|
|
11758
11828
|
on: function on(event, fn) {
|
|
11759
|
-
|
|
11760
|
-
|
|
11761
|
-
return
|
|
11829
|
+
if (event === "crosstime" && this.crossTime) {
|
|
11830
|
+
this.crossTime.addBinding(arguments[1], arguments[2]);
|
|
11831
|
+
return this;
|
|
11832
|
+
}
|
|
11833
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
11834
|
+
this.betweenTimes.addBinding(arguments[1], arguments[2], arguments[3]);
|
|
11835
|
+
return this;
|
|
11762
11836
|
}
|
|
11763
11837
|
return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__.oI.call(this, event, fn);
|
|
11764
11838
|
},
|
|
11765
11839
|
off: function off(event, fn) {
|
|
11766
|
-
|
|
11767
|
-
|
|
11768
|
-
return
|
|
11840
|
+
if (event === "crosstime" && this.crossTime) {
|
|
11841
|
+
this.crossTime.removeBinding(arguments[1], arguments[2]);
|
|
11842
|
+
return this;
|
|
11843
|
+
}
|
|
11844
|
+
if (event === "betweentimes" && this.betweenTimes) {
|
|
11845
|
+
this.betweenTimes.removeBinding(arguments[1], arguments[2], arguments[3]);
|
|
11846
|
+
return this;
|
|
11769
11847
|
}
|
|
11770
11848
|
return utilities_bindify_js__WEBPACK_IMPORTED_MODULE_0__.Nw.call(this, event, fn);
|
|
11771
11849
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wistia/wistia-player-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.83",
|
|
4
4
|
"packageManager": "yarn@4.5.3",
|
|
5
5
|
"description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
|
|
6
6
|
"keywords": [
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"start:dev:yalc": "run build:react:dev --watch --yalc"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@wistia/wistia-player": "0.0.
|
|
48
|
+
"@wistia/wistia-player": "0.0.83"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@babel/core": "^7.26.0",
|