@wistia/wistia-player 0.0.20 → 0.0.21

package/dist/wistia-player.js

@@ -1,37 +1,69 @@
 /******/ var __webpack_modules__ = ({
 
 /***/ 4586:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ ((__unused_webpack_module, exports) => {
 
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Et: () => (/* binding */ isNumber),
-/* harmony export */   gD: () => (/* binding */ isNil),
-/* harmony export */   n9: () => (/* binding */ isNotNil)
-/* harmony export */ });
-/* unused harmony exports isNull, isNotNull, isUndefined, isNotUndefined, isString, isEmptyString, isNonEmptyString, isRecord, isEmptyRecord, isNonEmptyRecord, isArray, isEmptyArray, isNonEmptyArray, isFunction, isBoolean, isVoid, isError, hasKey */
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+__webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.Lm = __webpack_unused_export__ = exports.Tn = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.cy = exports.uu = __webpack_unused_export__ = exports.u4 = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.Et = __webpack_unused_export__ = exports.jw = __webpack_unused_export__ = exports.Kg = exports.n9 = exports.gD = __webpack_unused_export__ = exports.b0 = __webpack_unused_export__ = exports.kZ = void 0;
 const isNull = (x) => x === null;
-const isNotNull = (x) => !isNull(x);
+exports.kZ = isNull;
+const isNotNull = (x) => !(0, exports.kZ)(x);
+__webpack_unused_export__ = isNotNull;
 const isUndefined = (x) => x === undefined;
-const isNotUndefined = (x) => !isUndefined(x);
-const isNil = (x) => isNull(x) || isUndefined(x);
-const isNotNil = (x) => !isNil(x);
+exports.b0 = isUndefined;
+const isNotUndefined = (x) => !(0, exports.b0)(x);
+__webpack_unused_export__ = isNotUndefined;
+const isNil = (x) => (0, exports.kZ)(x) || (0, exports.b0)(x);
+exports.gD = isNil;
+const isNotNil = (x) => !(0, exports.gD)(x);
+exports.n9 = isNotNil;
 const isString = (x) => typeof x === 'string';
-const isEmptyString = (x) => isString(x) && x === '';
-const isNonEmptyString = (x) => isString(x) && !isEmptyString(x);
+exports.Kg = isString;
+const isNotString = (x) => !(0, exports.Kg)(x);
+__webpack_unused_export__ = isNotString;
+const isEmptyString = (x) => (0, exports.Kg)(x) && x === '';
+exports.jw = isEmptyString;
+const isNonEmptyString = (x) => (0, exports.Kg)(x) && !(0, exports.jw)(x);
+__webpack_unused_export__ = isNonEmptyString;
 const isNumber = (x) => typeof x === 'number';
-const isRecord = (x) => isNotNil(x) && typeof x === 'object' && !(x instanceof Array);
-const isEmptyRecord = (x) => isRecord(x) && Object.keys(x).length === 0;
-const isNonEmptyRecord = (x) => isRecord(x) && Object.keys(x).length > 0;
-const isArray = (x) => isNotNil(x) && typeof x === 'object' && x instanceof Array;
-const isEmptyArray = (x) => isArray(x) && x.length === 0;
-const isNonEmptyArray = (x) => isArray(x) && x.length > 0;
-const isFunction = (x) => isNotNil(x) && typeof x === 'function';
-const isBoolean = (x) => isNotNil(x) && typeof x === 'boolean';
+exports.Et = isNumber;
+const isNotNumber = (x) => !(0, exports.Et)(x);
+__webpack_unused_export__ = isNotNumber;
+const isNaN = (x) => Number.isNaN(x);
+__webpack_unused_export__ = isNaN;
+const isInteger = (x) => Number.isInteger(x);
+__webpack_unused_export__ = isInteger;
+const isRecord = (x) => (0, exports.n9)(x) && typeof x === 'object' && !(x instanceof Array);
+exports.u4 = isRecord;
+const isEmptyRecord = (x) => (0, exports.u4)(x) && Object.keys(x).length === 0;
+__webpack_unused_export__ = isEmptyRecord;
+const isNonEmptyRecord = (x) => (0, exports.u4)(x) && Object.keys(x).length > 0;
+exports.uu = isNonEmptyRecord;
+const isArray = (x) => (0, exports.n9)(x) && typeof x === 'object' && x instanceof Array;
+exports.cy = isArray;
+const isNotArray = (x) => !(0, exports.cy)(x);
+__webpack_unused_export__ = isNotArray;
+const isEmptyArray = (x) => (0, exports.cy)(x) && x.length === 0;
+__webpack_unused_export__ = isEmptyArray;
+const isNonEmptyArray = (x) => (0, exports.cy)(x) && x.length > 0;
+__webpack_unused_export__ = isNonEmptyArray;
+const isFunction = (x) => (0, exports.n9)(x) && typeof x === 'function';
+exports.Tn = isFunction;
+const isNotFunction = (x) => !(0, exports.Tn)(x);
+__webpack_unused_export__ = isNotFunction;
+const isBoolean = (x) => (0, exports.n9)(x) && typeof x === 'boolean';
+exports.Lm = isBoolean;
+const isNotBoolean = (x) => !(0, exports.Lm)(x);
+__webpack_unused_export__ = isNotBoolean;
 // eslint-disable-next-line no-void
 const isVoid = (x) => x === void 0;
+__webpack_unused_export__ = isVoid;
 const isError = (error) => {
-    return isNotNil(error) && error instanceof Error;
+    return (0, exports.n9)(error) && error instanceof Error;
 };
+__webpack_unused_export__ = isError;
 /**
  * Curried function that tests if an input is an object
  * _and_ that a key that was passed in is a property of that object
@@ -40,7 +72,8 @@ const isError = (error) => {
  * @returns A function that takes an unknown input and then tests if the
  *  input is an object and whether the key is a property of that object or not
  */
-const hasKey = (x, key) => isNonEmptyRecord(x) && key in x;
+const hasKey = (x, key) => (0, exports.uu)(x) && key in x;
+__webpack_unused_export__ = hasKey;
 
 
 /***/ }),
@@ -1767,8 +1800,9 @@ var LoadingSVG = /*#__PURE__*/function (_Component) {
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   F: () => (/* binding */ BigPlayButton)
+/* harmony export */   Fn: () => (/* binding */ BigPlayButton)
 /* harmony export */ });
+/* unused harmony exports BASE_BUTTON_WIDTH, BASE_BUTTON_HEIGHT */
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3817);
 /* harmony import */ var _svgs_OldBigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1549);
@@ -1796,13 +1830,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var detect = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__/* .cachedDetect */ .o1)();
+var BASE_BUTTON_WIDTH = 125;
+var BASE_BUTTON_HEIGHT = 80;
 var BASE_FONT_SIZE = 18;
 var BASE_LINE_HEIGHT = 30;
 var ALPHA_MIX_BLEND_MODE = 0.7;
 var ALPHA_NO_MIX_BLEND_MODE = 0.85;
 var BigPlayButton = function BigPlayButton(_ref) {
-  var baseHeight = _ref.baseHeight,
-    baseWidth = _ref.baseWidth,
+  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,
@@ -1847,6 +1885,8 @@ var BigPlayButton = function BigPlayButton(_ref) {
     top: "calc(50% + ".concat((topNudgeFraction || 0) * 100, "% - ").concat(controlBarDistance, "px)")
   };
   var buttonStyle = {
+    backgroundColor: 'transparent',
+    border: 0,
     cursor: 'pointer',
     height: "".concat(scaledHeight, "px"),
     boxShadow: 'none',
@@ -6503,37 +6543,132 @@ var Thumbnail = /*#__PURE__*/function (_Component) {
 /* harmony export */   u: () => (/* binding */ PreloadThumbnail)
 /* harmony export */ });
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
-/* harmony import */ var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3164);
+/* harmony import */ var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2721);
+/* harmony import */ var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1512);
+/* harmony import */ var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6906);
+/* harmony import */ var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3164);
+/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4730);
+/* harmony import */ var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7209);
+/* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3123);
+
+
+
+
+
+
 
 
 var PreloadThumbnail = function PreloadThumbnail(_ref) {
-  var height = _ref.height,
+  var _ref2;
+  var isSwatchEnabled = _ref.isSwatchEnabled,
     mediaId = _ref.mediaId,
-    playerBorderRadius = _ref.playerBorderRadius,
-    swatchEnabled = _ref.swatchEnabled,
-    thumbnailAltText = _ref.thumbnailAltText,
-    thumbnailAssets = _ref.thumbnailAssets,
-    transparentLetterbox = _ref.transparentLetterbox;
-  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_1__/* .ProgressiveThumbnail */ .E, {
-    backgroundColor: transparentLetterbox ? 'transparent' : undefined,
+    playerWidth = _ref.playerWidth;
+  var _usePlayerData = (0,_hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_1__/* .usePlayerData */ .$)(),
+    embedOptions = _usePlayerData.embedOptions,
+    mediaData = _usePlayerData.mediaData;
+  var bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius,
+    controlBarBorderRadius = embedOptions.controlBarBorderRadius,
+    controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad,
+    floatingControlBar = embedOptions.floatingControlBar,
+    newRoundedIcons = embedOptions.newRoundedIcons,
+    noMixBlendMode = embedOptions.noMixBlendMode,
+    playerBorderRadius = embedOptions.playerBorderRadius,
+    playerColor = embedOptions.playerColor,
+    playerLanguage = embedOptions.playerLanguage,
+    roundedPlayer = embedOptions.roundedPlayer,
+    thumbnailAltText = embedOptions.thumbnailAltText,
+    transparentLetterbox = embedOptions.transparentLetterbox;
+  var aspectRatio = mediaData.aspectRatio,
+    assets = mediaData.assets,
+    duration = mediaData.duration,
+    mediaType = mediaData.mediaType,
+    name = mediaData.name;
+  var height = playerWidth / (aspectRatio !== null && aspectRatio !== void 0 ? aspectRatio : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .DEFAULT_ASPECT */ .R);
+  var defaultControlBarDistance = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultControlBarDistance)({
+    controlBarBorderRadius: controlBarBorderRadius,
+    floatingControlBar: floatingControlBar,
+    roundedPlayer: roundedPlayer
+  });
+  var calculatedControlBarDistance = controlsVisibleOnLoad ? _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .CONTROL_BAR_HEIGHT */ .E / 2 + defaultControlBarDistance : defaultControlBarDistance;
+  var defaultBigPlayButtonBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultBigPlayButtonBorderRadius)({
+    bigPlayButtonBorderRadius: bigPlayButtonBorderRadius,
+    roundedPlayer: roundedPlayer
+  });
+  var defaultPlayerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultPlayerBorderRadius)({
+    playerBorderRadius: playerBorderRadius,
+    roundedPlayer: roundedPlayer
+  });
+  var backgroundColor = transparentLetterbox === true || defaultPlayerBorderRadius > 0 ? 'transparent' : undefined;
+  var thumbnailAssets = (0,_utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__.thumbnailAssets)(assets, {});
+  var calculatedPlayerLanguage = (_ref2 = (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_4__/* .getLanguage */ .Z0)(playerLanguage)) !== null && _ref2 !== void 0 ? _ref2 : (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_4__/* .getLanguage */ .Z0)('en-US');
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__/* .Fragment */ .FK, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_3__/* .ProgressiveThumbnail */ .E, {
+    backgroundColor: backgroundColor,
     images: thumbnailAssets,
     isVisible: true,
     hashedId: mediaId,
-    playerBorderRadius: playerBorderRadius,
-    swatchEnabled: swatchEnabled,
+    playerBorderRadius: defaultPlayerBorderRadius,
+    swatchEnabled: isSwatchEnabled,
     uiHasRendered: false,
-    thumbnailAltText: thumbnailAltText,
+    thumbnailAltText: thumbnailAltText !== null && thumbnailAltText !== void 0 ? thumbnailAltText : '',
     height: "".concat(height, "px")
-  });
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_2__/* .BigPlayButton */ .Fn, {
+    borderRadius: defaultBigPlayButtonBorderRadius,
+    buttonTabIndex: 0,
+    color: playerColor,
+    controlBarDistance: calculatedControlBarDistance,
+    duration: duration !== null && duration !== void 0 ? duration : 0,
+    hasNewRoundedIcons: newRoundedIcons // TODO: Remove once rounded icons are fully released
+    ,
+    isLiveMedia: mediaType === 'LiveStream',
+    isVisible: true,
+    noMixBlendMode: noMixBlendMode,
+    playerLanguage: calculatedPlayerLanguage,
+    scale: 1,
+    showBpbTime: false,
+    videoName: name !== null && name !== void 0 ? name : ''
+  }));
 };
 
 /***/ }),
 
-/***/ 4689:
+/***/ 2721:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   N: () => (/* binding */ WistiaPlayerDataHandler)
+/* harmony export */   $: () => (/* binding */ usePlayerData),
+/* harmony export */   z: () => (/* binding */ PlayerDataProvider)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3817);
+
+
+var PlayerDataContext = (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .createContext */ .q6)(null);
+var PlayerDataProvider = function PlayerDataProvider(_ref) {
+  var children = _ref.children,
+    embedOptions = _ref.embedOptions,
+    mediaData = _ref.mediaData;
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(PlayerDataContext.Provider, {
+    value: {
+      embedOptions: embedOptions,
+      mediaData: mediaData
+    }
+  }, children);
+};
+var usePlayerData = function usePlayerData() {
+  var context = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__/* .useContext */ .NT)(PlayerDataContext);
+  if (context == null) {
+    throw new Error('usePlayerData must be used within a PlayerDataProvider');
+  }
+  return context;
+};
+
+/***/ }),
+
+/***/ 6462:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   I: () => (/* binding */ PlayerDataHandler)
 /* harmony export */ });
 /* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8089);
 /* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_0__);
@@ -6554,16 +6689,16 @@ var _embedOptions = /*#__PURE__*/new WeakMap();
 var _mediaData = /*#__PURE__*/new WeakMap();
 var _sourceEmbedOptions = /*#__PURE__*/new WeakMap();
 var _sourceMediaData = /*#__PURE__*/new WeakMap();
-var _WistiaPlayerDataHandler_brand = /*#__PURE__*/new WeakSet();
-var WistiaPlayerDataHandler = /*#__PURE__*/function () {
-  function WistiaPlayerDataHandler() {
-    _classCallCheck(this, WistiaPlayerDataHandler);
+var _PlayerDataHandler_brand = /*#__PURE__*/new WeakSet();
+var PlayerDataHandler = /*#__PURE__*/function () {
+  function PlayerDataHandler() {
+    _classCallCheck(this, PlayerDataHandler);
     /**
      * Merge the source embed options together to create a single source of truth of embed options
      * @private
      * @returns {void}
      */
-    _classPrivateMethodInitSpec(this, _WistiaPlayerDataHandler_brand);
+    _classPrivateMethodInitSpec(this, _PlayerDataHandler_brand);
     // Embed options set after initialization which override the embed options
     // gathered from the source data
     _classPrivateFieldInitSpec(this, _embedOptionOverrides, {});
@@ -6584,7 +6719,7 @@ var WistiaPlayerDataHandler = /*#__PURE__*/function () {
       inlineData: {}
     });
   }
-  return _createClass(WistiaPlayerDataHandler, [{
+  return _createClass(PlayerDataHandler, [{
     key: "embedOptions",
     get:
     /**
@@ -6619,7 +6754,7 @@ var WistiaPlayerDataHandler = /*#__PURE__*/function () {
     key: "setDomEmbedOptionSource",
     value: function setDomEmbedOptionSource(data) {
       _classPrivateFieldGet(_sourceEmbedOptions, this).domOptions = data;
-      _assertClassBrand(_WistiaPlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
     }
 
     /**
@@ -6633,7 +6768,7 @@ var WistiaPlayerDataHandler = /*#__PURE__*/function () {
       var _data$embedOptions;
       _classPrivateFieldGet(_sourceMediaData, this).inlineData = data;
       _classPrivateFieldGet(_sourceEmbedOptions, this).inlineMediaDataOptions = (_data$embedOptions = data.embedOptions) !== null && _data$embedOptions !== void 0 ? _data$embedOptions : {};
-      _assertClassBrand(_WistiaPlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
     }
 
     /**
@@ -6647,7 +6782,7 @@ var WistiaPlayerDataHandler = /*#__PURE__*/function () {
       var _data$embedOptions2;
       _classPrivateFieldGet(_sourceMediaData, this).serverData = data;
       _classPrivateFieldGet(_sourceEmbedOptions, this).serverMediaDataOptions = (_data$embedOptions2 = data.embedOptions) !== null && _data$embedOptions2 !== void 0 ? _data$embedOptions2 : {};
-      _assertClassBrand(_WistiaPlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
     }
 
     /**
@@ -6659,7 +6794,7 @@ var WistiaPlayerDataHandler = /*#__PURE__*/function () {
     key: "setWistiaWindowEmbedOptionSource",
     value: function setWistiaWindowEmbedOptionSource(data) {
       _classPrivateFieldGet(_sourceEmbedOptions, this).wistiaWindowOptions = data;
-      _assertClassBrand(_WistiaPlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
     }
 
     /**
@@ -6706,11 +6841,25 @@ function _updatePlayerMediaData() {
     serverData = _classPrivateFieldGet4.serverData;
   var hasInlineMediaData = inlineData && Object.keys(inlineData).length > 0;
   _classPrivateFieldSet(_mediaData, this, hasInlineMediaData ? inlineData : serverData !== null && serverData !== void 0 ? serverData : {});
-  _assertClassBrand(_WistiaPlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+  _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
 }
 
 /***/ }),
 
+/***/ 1512:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   E: () => (/* binding */ CONTROL_BAR_HEIGHT),
+/* harmony export */   R: () => (/* binding */ DEFAULT_ASPECT)
+/* harmony export */ });
+var CONTROL_BAR_HEIGHT = 34;
+
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+var DEFAULT_ASPECT = 16 / 9;
+
+/***/ }),
+
 /***/ 7323:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6851,7 +7000,7 @@ var dynamicImport = /*#__PURE__*/function () {
         case 0:
           options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
           host = (_options$host = options.host) !== null && _options$host !== void 0 ? _options$host : (0,_hosts_js__WEBPACK_IMPORTED_MODULE_0__.eV1HostWithPort)(); // @ts-expect-error webpack should resolve this for us
-          taggedVersion = "0.0.20";
+          taggedVersion = "0.0.21";
           if (!(taggedVersion !== '' && taggedVersion.length > 0 && options.mediaData !== true)) {
             _context.next = 5;
             break;
@@ -7396,6 +7545,155 @@ var inferPageUrl = function inferPageUrl() {
 
 /***/ }),
 
+/***/ 3441:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CR: () => (/* binding */ seekToAction),
+/* harmony export */   Qy: () => (/* binding */ shouldAddClipsFromChapters),
+/* harmony export */   Vq: () => (/* binding */ shouldAddKeyMoments),
+/* harmony export */   oG: () => (/* binding */ clipsFromChapters)
+/* harmony export */ });
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4586);
+/* harmony import */ var _normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9128);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+
+// Google got mad that the default chapter title is (of course) not very
+// descriptive, and wanted us to make sure it's never used for Key Moments.
+var DEFAULT_CHAPTER_TITLE = 'Chapter Title';
+var MINIMUM_DURATION = 30;
+var shouldAddClipsFromChapters = function shouldAddClipsFromChapters(embedOptions) {
+  var chapters = (0,_normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_0__/* .normalizeChapters */ .a)(embedOptions);
+  if (!chapters) {
+    return false;
+  }
+  var chapterList = chapters.chapterList;
+
+  // the `on` property must be explicitly false to disable
+  return chapters.on !== false && chapters.on !== 'false' && Array.isArray(chapterList) && chapterList.length > 0;
+};
+
+// keyMoments should only be limited by a few factors:
+// 1. a turnstile is blocking content
+// 2. it's password protected
+// 3. the video is really short
+// 4. only available for VOD, not Live
+// Then, there are two different _types_ of key moments. If we have chapters
+// we will use the Clips format to specifically tell google the timestamps we think
+// are important. Otherwise, we will use the SeekToAction field along with the wtime
+// param to allow Google to search through the video for key moments
+var shouldAddKeyMoments = function shouldAddKeyMoments(mediaData, embedOptions) {
+  var _embedOptions$plugin;
+  if (embedOptions.keyMoments === false) {
+    return false;
+  }
+  var duration = mediaData.duration,
+    type = mediaData.type;
+  var _ref = (_embedOptions$plugin = embedOptions.plugin) !== null && _embedOptions$plugin !== void 0 ? _embedOptions$plugin : {},
+    passwordProtectedVideo = _ref.passwordProtectedVideo,
+    turnstilePlugin = _ref['requireEmail-v1'];
+  var isLiveStream = type === 'LiveStream';
+  var passwordEnabled = (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === true || (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === 'true';
+  var turnstileBlocksContent = turnstilePlugin && turnstilePlugin.on !== false && turnstilePlugin.time !== 'end' && !turnstilePlugin.persistentTurnstile;
+  return Boolean(!passwordEnabled && !turnstileBlocksContent && !isLiveStream && typeof duration === 'number' && duration >= MINIMUM_DURATION);
+};
+var sortedFilteredChapters = function sortedFilteredChapters(chapterList) {
+  var chapterExistsAtTime = {};
+  return _toConsumableArray(chapterList).sort(function (firstChapter, secondChapter) {
+    return firstChapter.time - secondChapter.time;
+  }).filter(function (_ref2) {
+    var time = _ref2.time,
+      title = _ref2.title,
+      deleted = _ref2.deleted;
+    if (Boolean(chapterExistsAtTime[time]) || deleted || title === DEFAULT_CHAPTER_TITLE) {
+      return false;
+    }
+    chapterExistsAtTime[time] = true;
+    return true;
+  });
+};
+var clipsFromChapters = function clipsFromChapters(chapterList, baseUrl, mediaDuration) {
+  if (!Array.isArray(chapterList) || chapterList.length === 0) {
+    return [];
+  }
+  var clips = sortedFilteredChapters(chapterList).map(function (chapter, index, chapters) {
+    var time = chapter.time,
+      title = chapter.title;
+    var url = new window.URL(baseUrl);
+    var floorTime = Math.floor(time);
+    var nextChapter = chapters[index + 1];
+    var endOffsetTime = (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__/* .isNotNil */ .n9)(nextChapter) ? nextChapter.time : mediaDuration;
+
+    // wtime does not support decimals
+    url.searchParams.append('wtime', "".concat(floorTime, "s"));
+
+    // https://schema.org/Clip
+    return {
+      '@type': 'Clip',
+      endOffset: Math.floor(endOffsetTime),
+      name: title,
+      startOffset: floorTime,
+      url: url.toString()
+    };
+  });
+  return clips;
+};
+// https://developers.google.com/search/docs/advanced/structured-data/video#seek
+var seekToAction = function seekToAction() {
+  var url = new window.URL(window.location.href);
+  // if wtime is already on the url as query param, it will be overwritten here. This is only for the JSON+LD though.
+  url.searchParams.append('wtime', '{seek_to_second_number}');
+  return {
+    '@type': 'SeekToAction',
+    target: "".concat(url.toString().replace('%7Bseek_to_second_number%7D', '{seek_to_second_number}')),
+    // we need to replace the encoded uri with the direct string
+    'startOffset-input': 'required name=seek_to_second_number'
+  };
+};
+
+/***/ }),
+
+/***/ 9128:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   a: () => (/* binding */ normalizeChapters)
+/* harmony export */ });
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4586);
+// chapters has two ways of being defined in embed options.
+// The current way is as an object inside `embedOptions.plugin`
+// The old way was as root embed options like `chaptersOn` and `chapterList`.
+// This function normalizes the old root embed option format to an object
+// like the current model
+
+
+var normalizeChapters = function normalizeChapters(embedOptions) {
+  var plugin = embedOptions.plugin,
+    chaptersOn = embedOptions.chaptersOn,
+    chapterList = embedOptions.chapterList;
+  if (plugin !== null && plugin !== void 0 && plugin.chapters) {
+    return plugin.chapters;
+  }
+  var areChaptersOn = chaptersOn === true || chaptersOn === 'true';
+  if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNotNil */ .n9)(chapterList) || areChaptersOn) {
+    var hasChapters = (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNotNil */ .n9)(chapterList) && chapterList.length > 0;
+    var list = hasChapters ? chapterList : [];
+    return {
+      on: chaptersOn,
+      chapterList: list
+    };
+  }
+  return undefined;
+};
+
+/***/ }),
+
 /***/ 49:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -12826,7 +13124,7 @@ VideoTrackerSession = (function() {
     if (this.isValidKey(this._eventKey)) {
       return this._eventKey;
     }
-    this._eventKey = uniqId(("6563f4f19e3bacd6100ca88981765965".substring(0, 7)) + "_");
+    this._eventKey = uniqId(("44e92c664881d490b3de0523a8a420a8".substring(0, 7)) + "_");
     this.publicApi.trigger('eventkeychange', this._eventKey);
     return this._eventKey;
   };
@@ -14943,9 +15241,10 @@ module.exports = merge;
 /* harmony export */   XX: () => (/* binding */ B),
 /* harmony export */   fF: () => (/* binding */ l),
 /* harmony export */   h: () => (/* binding */ _),
+/* harmony export */   q6: () => (/* binding */ G),
 /* harmony export */   uA: () => (/* binding */ b)
 /* harmony export */ });
-/* unused harmony exports cloneElement, createContext, createElement, createRef, hydrate, isValidElement, toChildArray */
+/* unused harmony exports cloneElement, createElement, createRef, hydrate, isValidElement, toChildArray */
 var n,l,u,t,i,o,r,f,e,c,s,a,h={},p=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){var l=n.parentNode;l&&l.removeChild(n)}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function k(n){return n.children}function b(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!P.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(P)}function P(){var n,u,t,o,r,e,c,s;for(i.sort(f);n=i.shift();)n.__d&&(u=i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),i.length>u&&i.sort(f));P.__r=0}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(k,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a=f-r:f==r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r&&a++,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e,n.addEventListener(l,o?s:c,o)):n.removeEventListener(l,o?s:c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,M):(u.__c=h=new b(m,M),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,M)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u)}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,M),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_)})}if(h.context=M,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(L=null!=a&&a.type===k&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:32;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1}if(null===b)m===k||e&&l.data===k||(l.data=k);else{if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A(l,s,null,d,o)}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A(l,s,g,m[s],o))}return l}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(k,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,M(n)})},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=p.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},b.prototype.render=k,i=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,e=0,c=F(!1),s=F(!0),a=0;
 //# sourceMappingURL=preact.module.js.map
 
@@ -14957,11 +15256,12 @@ var n,l,u,t,i,o,r,f,e,c,s,a,h={},p=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|n
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   J0: () => (/* binding */ h),
+/* harmony export */   NT: () => (/* binding */ x),
 /* harmony export */   WO: () => (/* binding */ p),
 /* harmony export */   li: () => (/* binding */ A),
 /* harmony export */   vJ: () => (/* binding */ y)
 /* harmony export */ });
-/* unused harmony exports useCallback, useContext, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo */
+/* unused harmony exports useCallback, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo */
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
 var t,r,u,i,o=0,f=[],c=preact__WEBPACK_IMPORTED_MODULE_0__/* .options */ .fF,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function d(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function h(n){return o=1,p(D,n)}function p(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function y(n,u){var i=d(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__H.__h.push(i))}function _(n,u){var i=d(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__h.push(i))}function A(n){return o=5,T(function(){return{current:n}},[])}function F(n,t,r){o=6,_(function(){return"function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function T(n,r){var u=d(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function P(n,t){c.useDebugValue&&c.useDebugValue(t?t(n):n)}function b(n){var u=d(t++,10),i=h();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=d(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],c.__e(t,n.__v)}}c.__b=function(n){r=null,e&&e(n)},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t)},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0})),u=r=null},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],c.__e(r,n.__v)}}),l&&l(n,t)},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&c.__e(t,r.__v))};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return"function"==typeof t?t(n):t}
 //# sourceMappingURL=hooks.module.js.map
@@ -15042,7 +15342,7 @@ var LiveMediaTracker = /*#__PURE__*/function () {
       var first = (0,_util_getOrSetIsFirst_js__WEBPACK_IMPORTED_MODULE_3__/* .getOrSetIsFirst */ .u)(_this.hashedId, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__/* .PlaySession */ .p.Scope.LIVE_EVENT, 'load');
       _classPrivateFieldSet(_playSession, _this, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__/* .PlaySession */ .p.load(_classPrivateFieldGet(_clockStart, _this), {
         visitor_key: _classPrivateFieldGet(_api, _this).visitorKey(),
-        session_key: (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__/* .uniqId */ .b)("".concat("6563f4f19e3bacd6100ca88981765965".substring(0, 7), "_")),
+        session_key: (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__/* .uniqId */ .b)("".concat("44e92c664881d490b3de0523a8a420a8".substring(0, 7), "_")),
         embed_url: _classPrivateFieldGet(_api, _this)._attrs.pageUrl,
         referrer_url: _classPrivateFieldGet(_api, _this)._attrs.referrerUrl,
         account_id: mediaData.accountId,
@@ -19258,7 +19558,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
     }, {
       key: "generate",
       value: function generate() {
-        return (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__/* .uniqId */ .b)("".concat("6563f4f19e3bacd6100ca88981765965".substring(0, 7), "_"));
+        return (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__/* .uniqId */ .b)("".concat("44e92c664881d490b3de0523a8a420a8".substring(0, 7), "_"));
       }
     }]);
   }();
@@ -25248,7 +25548,7 @@ if (!wistia_namespace_js__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s.VulcanV2Pl
         });
 
         // Use the tagged version if it's available, otherwise use the fallback player version
-        var playerVersion =  true && "0.0.20".length > 0 ? "0.0.20" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__/* .PLAYER_VERSION */ .H;
+        var playerVersion =  true && "0.0.21".length > 0 ? "0.0.21" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__/* .PLAYER_VERSION */ .H;
         var data = {
           player_version: playerVersion,
           media_key: this._mediaData.mediaKey,
@@ -26995,8 +27295,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
-var BASE_WIDTH = 125;
-var BASE_HEIGHT = 80;
 var BigPlayButtonControl = /*#__PURE__*/function (_Control) {
   function BigPlayButtonControl(video) {
     var _this;
@@ -27007,10 +27305,8 @@ var BigPlayButtonControl = /*#__PURE__*/function (_Control) {
         return;
       }
       var buttonTabIndex = !_this.video.publicApi.popover || _this.video.publicApi.popover.isVisible() ? 0 : -1;
-      var BigPlayButtonWithOnClick = (0,_higher_order_components_withOnClick_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)(_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__/* .BigPlayButton */ .F);
+      var BigPlayButtonWithOnClick = (0,_higher_order_components_withOnClick_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)(_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__/* .BigPlayButton */ .Fn);
       (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(BigPlayButtonWithOnClick, {
-        baseHeight: BASE_HEIGHT,
-        baseWidth: BASE_WIDTH,
         borderRadius: _this.props.bigPlayButtonBorderRadius,
         buttonTabIndex: buttonTabIndex,
         color: _this.video.playerColor(),
@@ -34143,12 +34439,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   removeInjectedJsonLd: () => (/* binding */ removeInjectedJsonLd)
 /* harmony export */ });
 /* harmony import */ var utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4162);
-/* harmony import */ var utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7688);
-/* harmony import */ var utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(731);
-/* harmony import */ var utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5857);
-/* harmony import */ var utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7209);
-/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2671);
-/* harmony import */ var _normalizeChapters_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1487);
+/* harmony import */ var utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3441);
+/* harmony import */ var utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(731);
+/* harmony import */ var utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5857);
+/* harmony import */ var utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7209);
+/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2671);
+/* harmony import */ var _normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9128);
 
 
 
@@ -34162,15 +34458,15 @@ var generateAudioJsonLd = function generateAudioJsonLd(mediaData) {
     videoHeight = options.videoHeight;
   var embedOptions = options.embedOptions;
   if (!embedOptions) {
-    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.clone)(mediaData.embedOptions));
+    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.clone)(mediaData.embedOptions));
   }
   var obj = {
     '@context': 'http://schema.org/',
-    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
+    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
     '@type': 'AudioObject',
     duration: "PT".concat((0,utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__/* .secondsToIso8601Duration */ .J)(mediaData.duration)),
     name: mediaData.name,
-    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.stillUrl)(mediaData.assets, {
+    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.stillUrl)(mediaData.assets, {
       ext: 'jpg',
       protocol: 'https:',
       videoWidth: videoWidth,
@@ -34191,11 +34487,11 @@ var generateAudioJsonLd = function generateAudioJsonLd(mediaData) {
 };
 var generateEmbedUrl = function generateEmbedUrl(mediaData, embedOptions) {
   var _mediaData$embedOptio;
-  var baseUrl = "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId);
+  var baseUrl = "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId);
   // if we're doing SeekToAction for Google KeyMoments AND video thumbnail
   // is enabled, we need to attach a query param so that it is disabled when
   // Google tries to crawl it
-  if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions) && !(0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions) && (_mediaData$embedOptio = mediaData.embedOptions.plugin) !== null && _mediaData$embedOptio !== void 0 && _mediaData$embedOptio.videoThumbnail) {
+  if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions) && !(0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions) && (_mediaData$embedOptio = mediaData.embedOptions.plugin) !== null && _mediaData$embedOptio !== void 0 && _mediaData$embedOptio.videoThumbnail) {
     return "".concat(baseUrl, "?wseektoaction=true");
   }
   return baseUrl;
@@ -34207,17 +34503,17 @@ var generateContentUrl = function generateContentUrl(mediaData) {
   var assets = mediaData.assets;
   if (mediaData.mediaType === 'Audio') {
     var _readyPublicMp3s$;
-    return (_readyPublicMp3s$ = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.readyPublicMp3s)(assets)[0]) === null || _readyPublicMp3s$ === void 0 ? void 0 : _readyPublicMp3s$.url;
+    return (_readyPublicMp3s$ = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.readyPublicMp3s)(assets)[0]) === null || _readyPublicMp3s$ === void 0 ? void 0 : _readyPublicMp3s$.url;
   }
-  var availableMp4s = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.readyPublicMp4s)(assets);
+  var availableMp4s = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.readyPublicMp4s)(assets);
   if (availableMp4s.length === 0) {
     return;
   }
-  var highestQuality = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.findClosestAssetByQuality)(availableMp4s, 1080);
+  var highestQuality = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.findClosestAssetByQuality)(availableMp4s, 1080);
   if (!highestQuality) {
     return;
   }
-  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_5__.Url(highestQuality.url);
+  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_4__.Url(highestQuality.url);
   url.ext('m3u8');
   return url.absolute();
 };
@@ -34227,15 +34523,15 @@ var generateVideoJsonLd = function generateVideoJsonLd(mediaData) {
     videoHeight = options.videoHeight;
   var embedOptions = options.embedOptions;
   if (!embedOptions) {
-    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.clone)(mediaData.embedOptions));
+    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.clone)(mediaData.embedOptions));
   }
   var obj = {
     '@context': 'http://schema.org/',
-    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
+    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
     '@type': 'VideoObject',
     duration: "PT".concat((0,utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__/* .secondsToIso8601Duration */ .J)(mediaData.duration)),
     name: mediaData.name,
-    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.stillUrl)(mediaData.assets, {
+    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.stillUrl)(mediaData.assets, {
       ext: 'jpg',
       protocol: 'https:',
       videoWidth: videoWidth,
@@ -34257,16 +34553,16 @@ var generateVideoJsonLd = function generateVideoJsonLd(mediaData) {
   if (mediaData.captions && mediaData.captions[0]) {
     obj.transcript = mediaData.captions[0].text;
   }
-  if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions)) {
+  if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions)) {
     // keyMoments come in two flavors.
     // A. If we have chapters, then we will manually define the key moments via the "Clip" schema property
     // B. If we don't, we will use the "SeekToAction" property that lets google parse via `wtime`
-    if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions)) {
-      var chapters = (0,_normalizeChapters_js__WEBPACK_IMPORTED_MODULE_6__/* .normalizeChapters */ .a)(embedOptions);
+    if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions)) {
+      var chapters = (0,_normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_6__/* .normalizeChapters */ .a)(embedOptions);
       var chapterList = chapters.chapterList;
-      obj.hasPart = (0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .clipsFromChapters */ .oG)(chapterList, location.href, mediaData.duration);
+      obj.hasPart = (0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .clipsFromChapters */ .oG)(chapterList, location.href, mediaData.duration);
     } else {
-      obj.potentialAction = (0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .seekToAction */ .CR)();
+      obj.potentialAction = (0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .seekToAction */ .CR)();
     }
   }
   return obj;
@@ -35168,119 +35464,6 @@ var xhrHasBeenTamperedWith = function xhrHasBeenTamperedWith() {
 
 /***/ }),
 
-/***/ 7688:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CR: () => (/* binding */ seekToAction),
-/* harmony export */   Qy: () => (/* binding */ shouldAddClipsFromChapters),
-/* harmony export */   Vq: () => (/* binding */ shouldAddKeyMoments),
-/* harmony export */   oG: () => (/* binding */ clipsFromChapters)
-/* harmony export */ });
-/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2671);
-/* harmony import */ var _normalizeChapters_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1487);
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-
-
-// Google got mad that the default chapter title is (of course) not very
-// descriptive, and wanted us to make sure it's never used for Key Moments.
-var DEFAULT_CHAPTER_TITLE = 'Chapter Title';
-var shouldAddClipsFromChapters = function shouldAddClipsFromChapters(embedOptions) {
-  var chapters = (0,_normalizeChapters_js__WEBPACK_IMPORTED_MODULE_1__/* .normalizeChapters */ .a)(embedOptions);
-  if (!chapters) {
-    return false;
-  }
-  var chapterList = chapters.chapterList;
-
-  // the `on` property must be explicitly false to disable
-  return chapters.on !== false && chapters.on !== 'false' && (chapterList === null || chapterList === void 0 ? void 0 : chapterList.length) > 0;
-};
-
-// keyMoments should only be limited by a few factors:
-// 1. a turnstile is blocking content
-// 2. it's password protected
-// 3. the video is really short
-// 4. only available for VOD, not Live
-// Then, there are two different _types_ of key moments. If we have chapters
-// we will use the Clips format to specifically tell google the timestamps we think
-// are important. Otherwise, we will use the SeekToAction field along with the wtime
-// param to allow Google to search through the video for key moments
-var shouldAddKeyMoments = function shouldAddKeyMoments(mediaData, embedOptions) {
-  if (embedOptions.keyMoments === false) {
-    return false;
-  }
-  var duration = mediaData.duration,
-    type = mediaData.type;
-  var _ref = embedOptions.plugin || {},
-    passwordProtectedVideo = _ref.passwordProtectedVideo,
-    turnstilePlugin = _ref['requireEmail-v1'];
-  var isLiveStream = type === 'LiveStream';
-  var passwordEnabled = (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === true || (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === 'true';
-  var turnstileBlocksContent = turnstilePlugin && turnstilePlugin.on !== false && turnstilePlugin.time !== 'end' && !turnstilePlugin.persistentTurnstile;
-  return Boolean(!passwordEnabled && !turnstileBlocksContent && !isLiveStream && duration >= 30);
-};
-var sortedFilteredChapters = function sortedFilteredChapters(chapterList) {
-  var chapterExistsAtTime = {};
-  return _toConsumableArray(chapterList).sort(function (a, b) {
-    return a.time - b.time;
-  }).filter(function (_ref2) {
-    var time = _ref2.time,
-      title = _ref2.title,
-      deleted = _ref2.deleted;
-    if (chapterExistsAtTime[time] || deleted || title === DEFAULT_CHAPTER_TITLE) {
-      return false;
-    }
-    chapterExistsAtTime[time] = true;
-    return true;
-  });
-};
-var clipsFromChapters = function clipsFromChapters(chapterList, baseUrl, mediaDuration) {
-  if (!chapterList || chapterList.length === 0) {
-    return;
-  }
-  var clips = sortedFilteredChapters(chapterList).map(function (chapter, index, chapters) {
-    var time = chapter.time,
-      title = chapter.title;
-    var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_0__.Url(baseUrl);
-    var floorTime = Math.floor(time);
-    var endOffsetTime = chapters[index + 1] ? chapters[index + 1].time : mediaDuration;
-
-    // wtime does not support decimals
-    url.params.wtime = "".concat(floorTime, "s");
-
-    // https://schema.org/Clip
-    return {
-      '@type': 'Clip',
-      endOffset: Math.floor(endOffsetTime),
-      name: title,
-      startOffset: floorTime,
-      url: url.absolute()
-    };
-  });
-  return clips;
-};
-
-// https://developers.google.com/search/docs/advanced/structured-data/video#seek
-var seekToAction = function seekToAction() {
-  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_0__.Url(location.href);
-  // if wtime is already on the url as query param, it will be overwritten here. This is only for the JSON+LD though.
-  url.params.wtime = '{seek_to_second_number}';
-  return {
-    '@type': 'SeekToAction',
-    target: "".concat(url.absolute().replace('%7Bseek_to_second_number%7D', '{seek_to_second_number}')),
-    // we need to replace the encoded uri with the direct string
-    'startOffset-input': 'required name=seek_to_second_number'
-  };
-};
-
-/***/ }),
-
 /***/ 3695:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -35799,36 +35982,6 @@ var updateLocalStorage = function updateLocalStorage(ns, fn) {
 
 /***/ }),
 
-/***/ 1487:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   a: () => (/* binding */ normalizeChapters)
-/* harmony export */ });
-// chapters has two ways of being defined in embed options.
-// The current way is as an object inside `embedOptions.plugin`
-// The old way was as root embed options like `chaptersOn` and `chapterList`.
-// This function normalizes the old root embed option format to an object
-// like the current model
-var normalizeChapters = function normalizeChapters(embedOptions) {
-  var plugin = embedOptions.plugin,
-    chaptersOn = embedOptions.chaptersOn,
-    chapterList = embedOptions.chapterList;
-  if (plugin !== null && plugin !== void 0 && plugin.chapters) {
-    return plugin.chapters;
-  }
-  if (chapterList || chaptersOn) {
-    var list = chapterList && chapterList.length > 0 ? chapterList : [];
-    return {
-      on: chaptersOn,
-      chapterList: list
-    };
-  }
-  return undefined;
-};
-
-/***/ }),
-
 /***/ 731:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -36891,7 +37044,7 @@ var root = rootTest;
 // fire and forget.
 // run a script and immediately remove it from the DOM.
 var runScript = function runScript(src, timeout) {
-  var taggedVersion = "0.0.20";
+  var taggedVersion = "0.0.21";
   return new Promise(function (resolve, reject) {
     if (timeout == null) {
       timeout = 8000;
@@ -39448,22 +39601,23 @@ var __webpack_exports__ = {};
 /* harmony export */   A: () => (/* binding */ wistiaSwatchElement)
 /* harmony export */ });
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
-/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(4586);
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(4586);
 /* harmony import */ var _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9804);
-/* harmony import */ var _utilities_WistiaPlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4689);
-/* harmony import */ var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7209);
-/* harmony import */ var _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(7323);
+/* harmony import */ var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2721);
+/* harmony import */ var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1512);
+/* harmony import */ var _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6462);
+/* harmony import */ var _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(7323);
 /* harmony import */ var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7231);
 /* harmony import */ var _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7157);
 /* harmony import */ var _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3280);
 /* harmony import */ var _utilities_elem_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7715);
-/* harmony import */ var _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(2760);
+/* harmony import */ var _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(2760);
 /* harmony import */ var _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3832);
 /* harmony import */ var _utilities_fetchMediaData_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3065);
 /* harmony import */ var _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5857);
-/* harmony import */ var _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(5393);
-/* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(3123);
-/* harmony import */ var _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(7211);
+/* harmony import */ var _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(5393);
+/* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(3123);
+/* harmony import */ var _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(7211);
 /* harmony import */ var _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(1161);
 /* harmony import */ var _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4755);
 /* harmony import */ var _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(4997);
@@ -39533,13 +39687,11 @@ function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.h
 
 
 
-// Import legacy modules so we can set up the global Wistia object
 
+// Import legacy modules so we can set up the global Wistia object
 
 
 
-// eslint-disable-next-line @typescript-eslint/no-magic-numbers
-var DEFAULT_ASPECT = 16 / 9;
 
 // The component will not run without these attributes.
 var requiredAttributes = ['media-id'];
@@ -39553,8 +39705,8 @@ var defaultEmbedOptions = {
   audioDescriptionControl: false,
   autoplay: false,
   bigPlayButton: true,
-  bigPlayButtonBorderRadius: 0,
-  controlBarBorderRadius: 0,
+  bigPlayButtonBorderRadius: undefined,
+  controlBarBorderRadius: undefined,
   controlsVisibleOnLoad: true,
   copyLinkAndThumbnail: true,
   currentTime: 0,
@@ -39563,7 +39715,7 @@ var defaultEmbedOptions = {
   fullscreenControl: true,
   hls: true,
   playBarControl: true,
-  playerBorderRadius: 0,
+  playerBorderRadius: undefined,
   playerColor: '636155',
   playPauseControl: true,
   playPauseNotifier: true,
@@ -39589,7 +39741,7 @@ var defaultEmbedOptions = {
   qualityMax: undefined,
   qualityMin: undefined,
   resumable: 'auto',
-  roundedPlayer: 0,
+  roundedPlayer: undefined,
   seo: true,
   settingsControl: true,
   silentAutoplay: false,
@@ -39665,7 +39817,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
 
     // Set up a prefixed logger
     _classPrivateFieldSet(_logger, _this3, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_16__/* .wlog */ .ct.getPrefixedFunctions('WistiaPlayer'));
-    _classPrivateFieldSet(_playerData, _this3, new _utilities_WistiaPlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_2__/* .WistiaPlayerDataHandler */ .N());
+    _classPrivateFieldSet(_playerData, _this3, new _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_3__/* .PlayerDataHandler */ .I());
 
     // Wistia global setup if this is the first time we've seen a Wistia player
     if (window.Wistia && window.Wistia.wistia === undefined) {
@@ -39738,7 +39890,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
     key: "aspect",
     get: function get() {
       var _ref, _ref2, _this$api$_impl$aspec, _this$api, _this$api$_impl;
-      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : DEFAULT_ASPECT;
+      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__/* .DEFAULT_ASPECT */ .R;
       return (_ref = (_ref2 = (_this$api$_impl$aspec = (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$_impl = _this$api._impl) === null || _this$api$_impl === void 0 ? void 0 : _this$api$_impl.aspect()) !== null && _this$api$_impl$aspec !== void 0 ? _this$api$_impl$aspec : this.embedOptions.aspect) !== null && _ref2 !== void 0 ? _ref2 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref !== void 0 ? _ref : fallbackAspect;
     }
 
@@ -41380,13 +41532,13 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
             case 0:
               _classPrivateSetter(_WistiaPlayer_brand, _set_usingFullscreenContainer, this, false);
               parent = this.parentNode;
-              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_20__/* .isNotNil */ .n9)(this._fullscreenState.widthBeforeFullscreen)) {
+              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__/* .isNotNil */ .n9)(this._fullscreenState.widthBeforeFullscreen)) {
                 this.style.width = this._fullscreenState.widthBeforeFullscreen;
                 (_this$api44 = this.api) === null || _this$api44 === void 0 ? void 0 : (_this$api44$_impl = _this$api44._impl) === null || _this$api44$_impl === void 0 ? void 0 : _this$api44$_impl.width(parseFloat(this._fullscreenState.widthBeforeFullscreen), {
                   fullscreen: true
                 });
               }
-              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_20__/* .isNotNil */ .n9)(this._fullscreenState.heightBeforeFullscreen)) {
+              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__/* .isNotNil */ .n9)(this._fullscreenState.heightBeforeFullscreen)) {
                 this.style.height = this._fullscreenState.heightBeforeFullscreen;
                 (_this$api45 = this.api) === null || _this$api45 === void 0 ? void 0 : (_this$api45$_impl = _this$api45._impl) === null || _this$api45$_impl === void 0 ? void 0 : _this$api45$_impl.height(parseFloat(this._fullscreenState.heightBeforeFullscreen), {
                   fullscreen: true
@@ -41484,14 +41636,14 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
             case 3:
               return _context5.abrupt("return", new Promise(function (resolve, reject) {
                 var handler = function handler() {
-                  _this5.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, handler);
+                  _this5.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, handler);
                   addPlugin().then(function (plugin) {
                     return resolve(plugin);
                   }).catch(function (err) {
                     reject(err);
                   });
                 };
-                _this5.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, handler);
+                _this5.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, handler);
               }));
             case 4:
             case "end":
@@ -41796,11 +41948,11 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                   reject(new Error('api not ready to replace'));
                 }
                 var handler = function handler() {
-                  _this7.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .AFTER_REPLACE_EVENT */ .$1, handler);
+                  _this7.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .AFTER_REPLACE_EVENT */ .$1, handler);
                   _this7.mediaId = mediaId;
                   resolve();
                 };
-                _this7.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .AFTER_REPLACE_EVENT */ .$1, handler);
+                _this7.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .AFTER_REPLACE_EVENT */ .$1, handler);
                 (_this7$api = _this7.api) === null || _this7$api === void 0 ? void 0 : _this7$api.replaceWith(mediaId, options);
               }));
             case 2:
@@ -42077,7 +42229,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       if (this.shadowRoot) {
         var _ref15;
         // If an aspect attribute is set on the element, use that immediately to set the container of the embed
-        _classPrivateFieldSet(_preloadAspectRatio, this, (_ref15 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref15 !== void 0 ? _ref15 : DEFAULT_ASPECT);
+        _classPrivateFieldSet(_preloadAspectRatio, this, (_ref15 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref15 !== void 0 ? _ref15 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__/* .DEFAULT_ASPECT */ .R);
 
         // Render the embed template as soon as we can
         _classPrivateFieldSet(_preactRoot, this, document.createElement('div'));
@@ -42112,7 +42264,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
  */
 function _get_pageUrl(_this) {
   var _this$getAttribute3;
-  return (_this$getAttribute3 = _this.getAttribute('page-url')) !== null && _this$getAttribute3 !== void 0 ? _this$getAttribute3 : (0,_utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_22__/* .inferPageUrl */ .H)();
+  return (_this$getAttribute3 = _this.getAttribute('page-url')) !== null && _this$getAttribute3 !== void 0 ? _this$getAttribute3 : (0,_utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_23__/* .inferPageUrl */ .H)();
 }
 function _set_usingFullscreenContainer(_this2, val) {
   _classPrivateFieldSet(_usingFullscreenContainer, _this2, val);
@@ -42225,14 +42377,14 @@ function _initPublicApi(mediaId, options) {
   });
   (_this$api59 = this.api) === null || _this$api59 === void 0 ? void 0 : _this$api59.ready(function () {
     // event for public consumption, exposed on our event types
-    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, {
+    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, {
       detail: {
         mediaId: mediaId
       }
     }));
 
     // event for internal consumption, not exposed on our event types
-    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
+    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
       detail: {
         mediaId: mediaId,
         api: _this11.api
@@ -42248,6 +42400,11 @@ function _initPublicApi(mediaId, options) {
         _classPrivateFieldGet(_playerData, _this11).updateEmbedOptionOverrides(_defineProperty({}, key, value));
       });
     }
+
+    // Updates our PlayerDataProvider and re-renders the thumbnail with the new embed options
+    if (_this11.preloadThumbnail) {
+      _assertClassBrand(_WistiaPlayer_brand, _this11, _renderPreloadThumbnail).call(_this11);
+    }
   });
 }
 /**
@@ -42282,8 +42439,8 @@ function _maybeInitializeMux2() {
           }
           return _context22.abrupt("return");
         case 2:
-          shouldRandomEnableMux = (0,_utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_23__/* .didWinCoinFlip */ .k)(_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_24__/* .MUX_PERCENTAGE_TO_ENABLE */ ._);
-          shouldEnableMuxForPlayer = (0,_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_24__/* .shouldEnableMux */ .J)(this.api, shouldRandomEnableMux) && (0,_utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_12__/* .isVisitorTrackingEnabled */ .D5)();
+          shouldRandomEnableMux = (0,_utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_24__/* .didWinCoinFlip */ .k)(_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__/* .MUX_PERCENTAGE_TO_ENABLE */ ._);
+          shouldEnableMuxForPlayer = (0,_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__/* .shouldEnableMux */ .J)(this.api, shouldRandomEnableMux) && (0,_utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_12__/* .isVisitorTrackingEnabled */ .D5)();
           embedType = this.useWebComponent ? 'translated-web-component' : 'web-component';
           if (!shouldEnableMuxForPlayer) {
             _context22.next = 11;
@@ -42326,20 +42483,43 @@ function _renderEmbedTemplate() {
   if (parseFloat(_classPrivateFieldGet(_paddingTop, this)) !== 0 && _classPrivateFieldGet(_paddingTop, this) !== '') {
     swatchHeight = "".concat(parseFloat(_classPrivateFieldGet(_paddingTop, this)), "px");
   }
-  var playerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_25__.getDefaultPlayerBorderRadius)({
+  var playerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_26__.getDefaultPlayerBorderRadius)({
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
   (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__/* .Fragment */ .FK, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              ".concat(_classPrivateFieldGet(_preloadAspectRatio, this) !== undefined && "aspect-ratio: ".concat(_classPrivateFieldGet(_preloadAspectRatio, this), ";"), "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    style: "height: ".concat(swatchHeight, "; left: 0; position: absolute; top: 0; width: 100%"),
+    style: {
+      height: swatchHeight,
+      left: 0,
+      position: 'absolute',
+      top: 0,
+      width: '100%'
+    },
     class: "wistia_swatch"
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    style: "height: 100%; position: relative; width: 100%"
+    style: {
+      height: '100%',
+      position: 'relative',
+      width: '100%'
+    }
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    style: "\n                height: 100%;\n                left: 0;\n                overflow: hidden;\n                position: absolute;\n                top: 0;\n                width: 100%;\n                border-radius: ".concat(playerBorderRadius, "px;\n              ")
+    style: {
+      height: '100%',
+      left: 0,
+      overflow: 'hidden',
+      position: 'absolute',
+      top: 0,
+      width: '100%',
+      borderRadius: "".concat(playerBorderRadius, "px")
+    }
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", {
-    src: "".concat(swatchUrl),
-    style: "filter: blur(5px); height: 100%; object-fit: contain; width: 100%",
+    src: swatchUrl,
+    style: {
+      filter: 'blur(5px)',
+      height: '100%',
+      objectFit: 'contain',
+      width: '100%'
+    },
     alt: "",
     "aria-hidden": "true"
   })))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
@@ -42354,30 +42534,17 @@ function _renderEmbedTemplate() {
  * @returns {void}
  */
 function _renderPreloadThumbnail() {
-  var _embedOptions$thumbna;
   if (!_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
     return;
   }
-  var _classPrivateFieldGet9 = _classPrivateFieldGet(_playerData, this).mediaData,
-    aspectRatio = _classPrivateFieldGet9.aspectRatio,
-    assets = _classPrivateFieldGet9.assets,
-    embedOptions = _classPrivateFieldGet9.embedOptions;
-  var thumbnailAssets = (0,_utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.thumbnailAssets)(assets, {});
-  var height = this.offsetWidth / (aspectRatio !== null && aspectRatio !== void 0 ? aspectRatio : DEFAULT_ASPECT);
-  var playerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_25__.getDefaultPlayerBorderRadius)({
-    playerBorderRadius: this.playerBorderRadius,
-    roundedPlayer: this.roundedPlayer
-  });
-  var transparentLetterbox = this.transparentLetterbox || playerBorderRadius > 0;
-  (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_1__/* .PreloadThumbnail */ .u, {
-    height: height,
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__/* .PlayerDataProvider */ .z, {
+    embedOptions: _classPrivateFieldGet(_playerData, this).embedOptions,
+    mediaData: _classPrivateFieldGet(_playerData, this).mediaData
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_1__/* .PreloadThumbnail */ .u, {
+    isSwatchEnabled: _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this),
     mediaId: this.mediaId,
-    playerBorderRadius: playerBorderRadius,
-    swatchEnabled: _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this),
-    thumbnailAltText: (_embedOptions$thumbna = embedOptions === null || embedOptions === void 0 ? void 0 : embedOptions.thumbnailAltText) !== null && _embedOptions$thumbna !== void 0 ? _embedOptions$thumbna : '',
-    thumbnailAssets: thumbnailAssets,
-    transparentLetterbox: transparentLetterbox
-  }), _classPrivateFieldGet(_preloadThumbnailRoot, this));
+    playerWidth: this.offsetWidth
+  })), _classPrivateFieldGet(_preloadThumbnailRoot, this));
 }
 /**
  * Runs any methods associated with set attributes when the element is connected to the DOM
@@ -42398,9 +42565,9 @@ function _runMethodsFromAttributes() {
         lazy: shouldDelayUntilPlay
       }));
       _assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, 'currentTime', newTime);
-      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
+      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
     };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
+    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
   }
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'email') !== null) {
     _assertClassBrand(_WistiaPlayer_brand, this, _updateEmail).call(this, _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'email'));
@@ -42411,9 +42578,9 @@ function _runMethodsFromAttributes() {
       var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, 'video-quality');
       (_this13$api3 = _this13.api) === null || _this13$api3 === void 0 ? void 0 : (_this13$api3$_impl = _this13$api3._impl) === null || _this13$api3$_impl === void 0 ? void 0 : _this13$api3$_impl.setVideoQuality(newQuality);
       _assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, 'videoQuality', newQuality);
-      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
+      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
     };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_21__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
+    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
   }
 }
 /**
@@ -42453,6 +42620,11 @@ function _setSyncedEmbedOption(key, value) {
     this.api._attrs[key] = value;
   }
   _classPrivateFieldGet(_playerData, this).updateEmbedOptionOverrides(_defineProperty({}, key, value));
+
+  // Updates our PlayerDataProvider and re-renders the thumbnail with the new embed option
+  if (this.preloadThumbnail) {
+    _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
+  }
 }
 /**
  * Determines if a swatch should be displayed based on the embed options