@wistia/wistia-player-react 0.0.81 → 0.0.82

package/dist/cjs/WistiaPlayer.cjs

@@ -94,7 +94,6 @@ var init_swatch = __esm({
 
     wistia-player[media-id='${mediaId}']:state(--initializing) {
       ${Object.entries(CSSProperties).map(([key, value]) => `${camelCaseToKebabCase(key)}: ${value};`).join("\r\n")}
-      padding-top: 0
     }
   `;
     };
@@ -580,11 +579,11 @@ function _generateUniqueId(mediaId) {
   return candidate;
 }
 function _getSyncedEmbedOption(key) {
-  var _classPrivateFieldGet150, _ref17, _ref18;
+  var _classPrivateFieldGet150, _ref16, _ref17;
   if ((_classPrivateFieldGet150 = _classPrivateFieldGet(_api, this)) !== null && _classPrivateFieldGet150 !== void 0 && _classPrivateFieldGet150._impl && key in _classPrivateFieldGet(_api, this)._impl._attrs) {
     return _classPrivateFieldGet(_api, this)._impl._attrs[key];
   }
-  return (_ref17 = (_ref18 = this.embedOptions[key]) !== null && _ref18 !== void 0 ? _ref18 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, (0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.$)(key))) !== null && _ref17 !== void 0 ? _ref17 : defaultEmbedOptions[key];
+  return (_ref16 = (_ref17 = this.embedOptions[key]) !== null && _ref17 !== void 0 ? _ref17 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, (0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.$)(key))) !== null && _ref16 !== void 0 ? _ref16 : defaultEmbedOptions[key];
 }
 function _getValueFromAttribute(name) {
   if (!this.hasAttribute(name)) {
@@ -601,8 +600,8 @@ function _getValueFromAttribute(name) {
       return this.getAttribute(name);
   }
 }
-function _initPlayerEmbed(_ref19) {
-  var container = _ref19.container, mediaData = _ref19.mediaData;
+function _initPlayerEmbed(_ref18) {
+  var container = _ref18.container, mediaData = _ref18.mediaData;
   if (!_classPrivateFieldGet(_hasElementConnectedToDOM, this)) {
     return;
   }
@@ -644,13 +643,10 @@ function _initPublicApi2() {
           throw new Error("Wistia.PublicApi is not defined");
         case 5:
           embeddedCallback = function embeddedCallback2() {
-            var _classPrivateFieldGet161, _classPrivateFieldGet162;
+            var _classPrivateFieldGet161;
             void _assertClassBrand(_WistiaPlayer_brand, _this17, _maybeInitializeMux).call(_this17);
-            _classPrivateFieldSet(_preloadAspectRatio, _this17, void 0);
             _assertClassBrand(_WistiaPlayer_brand, _this17, _renderEmbedTemplate).call(_this17);
-            (_classPrivateFieldGet161 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet161 === void 0 ? void 0 : _classPrivateFieldGet161.remove();
-            _this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
-            (_classPrivateFieldGet162 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet162 === void 0 ? void 0 : _classPrivateFieldGet162.disconnect();
+            (_classPrivateFieldGet161 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet161 === void 0 ? void 0 : _classPrivateFieldGet161.disconnect();
             _classPrivateFieldSet(_resizeObserver, _this17, null);
             if (_classPrivateFieldGet(_playPending, _this17)) {
               void _this17.play();
@@ -662,7 +658,9 @@ function _initPublicApi2() {
           });
           _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
           _classPrivateFieldGet(_api, this).ready(function() {
-            var _classPrivateFieldGet163;
+            var _classPrivateFieldGet162, _classPrivateFieldGet163;
+            (_classPrivateFieldGet162 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet162 === void 0 ? void 0 : _classPrivateFieldGet162.remove();
+            _this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
             _this17.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__.c5, {
               detail: {
                 mediaId
@@ -675,8 +673,8 @@ function _initPublicApi2() {
               }
             }));
             if ((_classPrivateFieldGet163 = _classPrivateFieldGet(_api, _this17)) !== null && _classPrivateFieldGet163 !== void 0 && _classPrivateFieldGet163._impl) {
-              Object.entries(_classPrivateFieldGet(_api, _this17)._impl._attrs).forEach(function(_ref25) {
-                var _ref26 = _slicedToArray(_ref25, 2), key = _ref26[0], value = _ref26[1];
+              Object.entries(_classPrivateFieldGet(_api, _this17)._impl._attrs).forEach(function(_ref24) {
+                var _ref25 = _slicedToArray(_ref24, 2), key = _ref25[0], value = _ref25[1];
                 _classPrivateFieldGet(_playerData, _this17).updateEmbedOptionOverrides(_defineProperty({}, key, value));
               });
             }
@@ -774,7 +772,7 @@ function _renderEmbedTemplate() {
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
-  (0, preact__WEBPACK_IMPORTED_MODULE_0__.XX)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              ".concat(mediaType === "Audio" && "min-height: 45px;", "\n              ").concat(_classPrivateFieldGet(_preloadAspectRatio, this) !== void 0 && "aspect-ratio: ".concat(_classPrivateFieldGet(_preloadAspectRatio, this), ";"), "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  (0, preact__WEBPACK_IMPORTED_MODULE_0__.XX)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "min-height: 45px;" : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     style: {
       height: swatchHeight,
       left: 0,
@@ -810,8 +808,8 @@ function _renderEmbedTemplate() {
     alt: "",
     "aria-hidden": "true"
   })))), (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    ref: function ref(_ref20) {
-      _classPrivateFieldSet(_preloadThumbnailRoot, _this12, _ref20);
+    ref: function ref(_ref19) {
+      _classPrivateFieldSet(_preloadThumbnailRoot, _this12, _ref19);
     }
   })), _classPrivateFieldGet(_preactRoot, this));
 }
@@ -843,9 +841,9 @@ function _runMethodsFromAttributes() {
   var _this13 = this;
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "current-time") !== null) {
     this.whenApiReady().then(function() {
-      var _ref21, _classPrivateFieldGet154, _classPrivateFieldGet155, _classPrivateFieldGet156;
+      var _ref20, _classPrivateFieldGet154, _classPrivateFieldGet155, _classPrivateFieldGet156;
       var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "current-time"));
-      var isClosedPopover = (_ref21 = ((_classPrivateFieldGet154 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet154 === void 0 ? void 0 : _classPrivateFieldGet154.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref21 !== void 0 ? _ref21 : false;
+      var isClosedPopover = (_ref20 = ((_classPrivateFieldGet154 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet154 === void 0 ? void 0 : _classPrivateFieldGet154.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref20 !== void 0 ? _ref20 : false;
       var isMobile = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__.GS)();
       var shouldDelayUntilPlay = _this13.state !== "playing" && (isMobile || isClosedPopover);
       void ((_classPrivateFieldGet155 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet155 === void 0 ? void 0 : (_classPrivateFieldGet156 = _classPrivateFieldGet155._impl) === null || _classPrivateFieldGet156 === void 0 ? void 0 : _classPrivateFieldGet156.time(newTime, {
@@ -870,8 +868,8 @@ function _runMethodsFromAttributes() {
 }
 function _saveInitialAttributesFromDomOptions() {
   var _this14 = this;
-  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function(_ref22) {
-    var _ref23 = _slicedToArray(_ref22, 2), value = _ref23[1];
+  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function(_ref21) {
+    var _ref22 = _slicedToArray(_ref21, 2), value = _ref22[1];
     return [(0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.b)(value.name), _assertClassBrand(_WistiaPlayer_brand, _this14, _getValueFromAttribute).call(_this14, value.name)];
   }));
   _classPrivateFieldGet(_playerData, this).setDomEmbedOptionSource(domOptions);
@@ -889,7 +887,7 @@ function _setSyncedEmbedOption(key, value) {
 function _setupEventListeners() {
   var _this15 = this;
   var loadedMediaDataCallback = function loadedMediaDataCallback2(event) {
-    var _ref24 = event.detail, mediaData = _ref24.mediaData;
+    var _ref23 = event.detail, mediaData = _ref23.mediaData;
     _assertClassBrand(_WistiaPlayer_brand, _this15, _updateMediaData).call(_this15, mediaData);
   };
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__.rO, loadedMediaDataCallback);
@@ -921,7 +919,7 @@ function _updateMediaData(mediaData) {
   _classPrivateFieldSet(_playerType, this, (0, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_12__.$F)(_classPrivateFieldGet(_judyContext, this), _classPrivateFieldGet(_playerData, this).mediaData, _classPrivateFieldGet(_playerData, this).embedOptions));
   _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
 }
-var __webpack_modules__, __webpack_module_cache__, __webpack_exports__2, preact__WEBPACK_IMPORTED_MODULE_0__, _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__, _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_2__, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_3__, _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_25__, _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_4__, _appHostname_js__WEBPACK_IMPORTED_MODULE_24__, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__, _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_30__, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__, _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_7__, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_8__, _utilities_elem_js__WEBPACK_IMPORTED_MODULE_9__, _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__, _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_10__, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_11__, _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_28__, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_12__, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_32__, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_13__, _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_31__, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__, _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_15__, _utilities_url_js__WEBPACK_IMPORTED_MODULE_16__, _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_17__, _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_18__, _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_19__, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_20__, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_21__, _utilities_getInitialMediaData_ts__WEBPACK_IMPORTED_MODULE_22__, _utilities_mediaDataError_ts__WEBPACK_IMPORTED_MODULE_29__, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_23__, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__, _WistiaPlayer, requiredAttributes, optionalPublicAttributes, optionalPrivateAttributes, defaultEmbedOptions, getSwatchUrl, _api, _fullscreenState, _internals, _jsonLdId, _judyContext, _logger, _oldEngine, _playerData, _playerType, _removeEventListeners, _hasElementConnectedToDOM, _paddingTop, _playPending, _preactRoot, _preloadAspectRatio, _preloadThumbnailRoot, _publicApiScript, _resizeObserver, _WistiaPlayer_brand, _handlePreloadThumbnailClick, WistiaPlayer, getSwatchMetaData2, wistiaSwatchElement, __webpack_exports__WistiaPlayer, __webpack_exports__wistiaSwatchElement;
+var __webpack_modules__, __webpack_module_cache__, __webpack_exports__2, preact__WEBPACK_IMPORTED_MODULE_0__, _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__, _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_2__, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_3__, _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_25__, _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_4__, _appHostname_js__WEBPACK_IMPORTED_MODULE_24__, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__, _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_30__, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__, _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_7__, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_8__, _utilities_elem_js__WEBPACK_IMPORTED_MODULE_9__, _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__, _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_10__, _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_11__, _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_28__, _utilities_judy_js__WEBPACK_IMPORTED_MODULE_12__, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_32__, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_13__, _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_31__, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__, _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_15__, _utilities_url_js__WEBPACK_IMPORTED_MODULE_16__, _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_17__, _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_18__, _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_19__, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_20__, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_21__, _utilities_getInitialMediaData_ts__WEBPACK_IMPORTED_MODULE_22__, _utilities_mediaDataError_ts__WEBPACK_IMPORTED_MODULE_29__, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_23__, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__, _WistiaPlayer, requiredAttributes, optionalPublicAttributes, optionalPrivateAttributes, defaultEmbedOptions, getSwatchUrl, _api, _fullscreenState, _internals, _jsonLdId, _judyContext, _logger, _oldEngine, _playerData, _playerType, _removeEventListeners, _hasElementConnectedToDOM, _paddingTop, _playPending, _preactRoot, _preloadThumbnailRoot, _publicApiScript, _resizeObserver, _WistiaPlayer_brand, _handlePreloadThumbnailClick, WistiaPlayer, getSwatchMetaData2, wistiaSwatchElement, __webpack_exports__WistiaPlayer, __webpack_exports__wistiaSwatchElement;
 var init_wistia_player = __esm({
   "../wistia-player/dist/wistia-player.js"() {
     __webpack_modules__ = {
@@ -1875,14 +1873,13 @@ var init_wistia_player = __esm({
           var preact__WEBPACK_IMPORTED_MODULE_0__2 = __webpack_require__3(5181);
           var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(3817);
           var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(2721);
-          var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(1512);
+          var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1512);
           var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(6906);
           var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(3164);
           var _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(4730);
           var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7209);
-          var _utilities_core_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1627);
-          var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(4309);
-          var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(3123);
+          var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(4309);
+          var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(3123);
           function _slicedToArray2(r, e) {
             return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
           }
@@ -1930,7 +1927,7 @@ var init_wistia_player = __esm({
           var DEFAULT_LOWER_CUTOFF_WIDTH = 640;
           var DEFAULT_UPPER_CUTOFF_WIDTH = 960;
           var PreloadThumbnail = function PreloadThumbnail2(_ref) {
-            var _ref2;
+            var _ref2, _ref3;
             var isPlayPending = _ref.isPlayPending, mediaId = _ref.mediaId, playerType = _ref.playerType, playerWidth = _ref.playerWidth;
             var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isLoading = _useState2[0], setIsLoading = _useState2[1];
             (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.vJ)(function() {
@@ -1939,54 +1936,42 @@ var init_wistia_player = __esm({
               }
             }, [isPlayPending]);
             var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
-            var bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
+            var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, 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_9__.R);
-            var playerLanguageCode = typeof playerLanguage === "string" ? playerLanguage : playerLanguage === null || playerLanguage === void 0 ? void 0 : playerLanguage.code;
-            var translate = function translate2(key) {
-              return (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.sC)(playerLanguageCode, "PLAY_BUTTON_".concat(key));
-            };
-            var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_7__.Uh)(name);
-            var ariaLabel = "".concat(translate("TITLE_WHEN_NOT_PLAYING"), ": ").concat(unescapedVideoName);
-            var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
+            var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__.R);
+            var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
             var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
-            var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.Ru)({
+            var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.Ru)({
               controlBarBorderRadius,
               floatingControlBar,
               roundedPlayer
             });
-            var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
-            var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.gl)({
+            var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
+            var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.gl)({
               bigPlayButtonBorderRadius,
               roundedPlayer
             }) * scale;
-            var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.JA)({
+            var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.JA)({
               playerBorderRadius,
               roundedPlayer
             }) * scale;
             var backgroundColor = transparentLetterbox === true || calculatedPlayerBorderRadius > 0 ? "transparent" : void 0;
             var thumbnailAssets = (0, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__.Q0)(assets, {});
-            var calculatedPlayerLanguage = (_ref2 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref2 !== void 0 ? _ref2 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
+            var calculatedPlayerLanguage = (_ref3 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref3 !== void 0 ? _ref3 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
             var shouldShowBigPlayButton = bigPlayButton !== false && playButton !== false;
             var shouldShowBpbTime = bpbTime === true || bpbTime === "true";
-            var buttonStyle = {
-              backgroundColor: "transparent",
-              border: 0,
-              boxShadow: "none",
-              cursor: "pointer",
-              outline: "none",
-              width: "100%",
-              height: "".concat(height, "px"),
-              padding: 0
-            };
             var handleClick = function handleClick2() {
               setIsLoading(true);
             };
-            return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("button", {
-              class: "w-css-reset w-vulcan-v2-button",
-              style: buttonStyle,
-              "aria-label": ariaLabel,
-              onClick: handleClick
+            return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
+              class: "w-css-reset",
+              style: {
+                cursor: "pointer",
+                width: "100%",
+                height: "".concat(height, "px")
+              },
+              onClick: handleClick,
+              tabIndex: shouldShowBigPlayButton ? -1 : 0
             }, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__.E, {
               backgroundColor,
               images: thumbnailAssets,
@@ -9664,7 +9649,7 @@ var init_wistia_player = __esm({
           var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
           var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
           var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-          var TAGGED_VERSION = "0.0.81";
+          var TAGGED_VERSION = "0.0.82";
           var DEFAULT_PROTOCOL = function() {
             if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
               return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -13309,7 +13294,6 @@ var init_wistia_player = __esm({
     _paddingTop = /* @__PURE__ */ new WeakMap();
     _playPending = /* @__PURE__ */ new WeakMap();
     _preactRoot = /* @__PURE__ */ new WeakMap();
-    _preloadAspectRatio = /* @__PURE__ */ new WeakMap();
     _preloadThumbnailRoot = /* @__PURE__ */ new WeakMap();
     _publicApiScript = /* @__PURE__ */ new WeakMap();
     _resizeObserver = /* @__PURE__ */ new WeakMap();
@@ -13340,7 +13324,6 @@ var init_wistia_player = __esm({
         _classPrivateFieldInitSpec(_this2, _paddingTop, "0px");
         _classPrivateFieldInitSpec(_this2, _playPending, false);
         _classPrivateFieldInitSpec(_this2, _preactRoot, null);
-        _classPrivateFieldInitSpec(_this2, _preloadAspectRatio, void 0);
         _classPrivateFieldInitSpec(_this2, _preloadThumbnailRoot, null);
         _classPrivateFieldInitSpec(_this2, _publicApiScript, (0, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_13__.j)("".concat((0, _utilities_url_js__WEBPACK_IMPORTED_MODULE_16__.ff)(), "//").concat((0, _appHostname_js__WEBPACK_IMPORTED_MODULE_24__.N)("fast"), "/assets/external/publicApi.js")));
         _classPrivateFieldInitSpec(_this2, _resizeObserver, null);
@@ -15191,13 +15174,11 @@ var init_wistia_player = __esm({
             throw new Error(error.message);
           });
           if (this.shadowRoot) {
-            var _ref14;
             if (this.wistiaPopover && this.popoverContent === "link") {
               var slot = document.createElement("slot");
               slot.name = "".concat(this.uniqueId, "-popover-link");
               this.shadowRoot.appendChild(slot);
             }
-            _classPrivateFieldSet(_preloadAspectRatio, this, (_ref14 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "aspect")) !== null && _ref14 !== void 0 ? _ref14 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_25__.R);
             _classPrivateFieldSet(_preactRoot, this, document.createElement("div"));
             _assertClassBrand(_WistiaPlayer_brand, this, _renderEmbedTemplate).call(this);
             this.shadowRoot.insertBefore(_classPrivateFieldGet(_preactRoot, this), this.shadowRoot.firstChild);
@@ -15234,7 +15215,7 @@ var init_wistia_player = __esm({
     }(/* @__PURE__ */ _wrapNativeSuper(HTMLElement));
     _WistiaPlayer = WistiaPlayer;
     getSwatchMetaData2 = /* @__PURE__ */ function() {
-      var _ref15 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee23(url) {
+      var _ref14 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee23(url) {
         var swatch;
         return _regeneratorRuntime().wrap(function _callee23$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
@@ -15252,11 +15233,11 @@ var init_wistia_player = __esm({
         }, _callee23);
       }));
       return function getSwatchMetaData3(_x17) {
-        return _ref15.apply(this, arguments);
+        return _ref14.apply(this, arguments);
       };
     }();
     wistiaSwatchElement = /* @__PURE__ */ function() {
-      var _ref16 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee24(mediaId, embedHost) {
+      var _ref15 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee24(mediaId, embedHost) {
         var swatchUrl2, swatchImg, naturalHeight, naturalWidth, ratio, style;
         return _regeneratorRuntime().wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
@@ -15278,7 +15259,7 @@ var init_wistia_player = __esm({
         }, _callee24);
       }));
       return function wistiaSwatchElement2(_x18, _x19) {
-        return _ref16.apply(this, arguments);
+        return _ref15.apply(this, arguments);
       };
     }();
     if (customElements.get("wistia-player") === void 0) {

package/dist/cjs/types/src/utils/swatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../../../src/utils/swatch.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,YAAa,MAAM,aAAa,MAAM,KAAG,MACR,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,YACtB,MAAM,yBAEd,OAAO,CAAC,MAAM,CAKhB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qEAMhC,sBAAsB,KAAG,MAyB3B,CAAC"}
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../../../src/utils/swatch.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,YAAa,MAAM,aAAa,MAAM,KAAG,MACR,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,YACtB,MAAM,yBAEd,OAAO,CAAC,MAAM,CAKhB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qEAMhC,sBAAsB,KAAG,MAwB3B,CAAC"}

package/dist/mjs/WistiaPlayer.mjs

@@ -1,13 +1,13 @@
 import {
   getMergedEmbedOption,
   wistiaPlayerStyleBlock
-} from "./chunk-XE6LP5SH.mjs";
+} from "./chunk-KUPUTXLJ.mjs";
 
 // src/WistiaPlayer.tsx
 import { forwardRef, Suspense, lazy, Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var WistiaPlayerWrapper = lazy(
-  async () => import("./WistiaPlayerWrapper-7KQ7MNSV.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-L2FOSQ4X.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/mjs/{WistiaPlayerWrapper-7KQ7MNSV.mjs → WistiaPlayerWrapper-L2FOSQ4X.mjs}

@@ -4,7 +4,7 @@ import {
   getMergedEmbedOption,
   getSwatchAspectRatio,
   wistiaPlayerStyleBlock
-} from "./chunk-XE6LP5SH.mjs";
+} from "./chunk-KUPUTXLJ.mjs";
 
 // src/WistiaPlayerWrapper.tsx
 import { forwardRef, useEffect, useRef, useState, Fragment } from "react";
@@ -22,7 +22,7 @@ var WistiaPlayerWrapper = forwardRef(
           setSwatchAspectRatio(ratio);
         });
       }
-      void import("./wistia-player-X63CUF5C.mjs");
+      void import("./wistia-player-AE5JROD5.mjs");
       void customElements.whenDefined("wistia-player").then(() => {
         setIsWistiaPlayerDefined(true);
       });

package/dist/mjs/{chunk-XE6LP5SH.mjs → chunk-KUPUTXLJ.mjs}

@@ -59,7 +59,6 @@ var wistiaPlayerStyleBlock = ({
 
     wistia-player[media-id='${mediaId}']:state(--initializing) {
       ${Object.entries(CSSProperties).map(([key, value]) => `${camelCaseToKebabCase(key)}: ${value};`).join("\r\n")}
-      padding-top: 0
     }
   `;
 };

package/dist/mjs/types/src/utils/swatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../../../src/utils/swatch.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,YAAa,MAAM,aAAa,MAAM,KAAG,MACR,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,YACtB,MAAM,yBAEd,OAAO,CAAC,MAAM,CAKhB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qEAMhC,sBAAsB,KAAG,MAyB3B,CAAC"}
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../../../src/utils/swatch.ts"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,YAAa,MAAM,aAAa,MAAM,KAAG,MACR,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,YACtB,MAAM,yBAEd,OAAO,CAAC,MAAM,CAKhB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qEAMhC,sBAAsB,KAAG,MAwB3B,CAAC"}

package/dist/mjs/{wistia-player-X63CUF5C.mjs → wistia-player-AE5JROD5.mjs}

@@ -950,14 +950,13 @@ var __webpack_modules__ = {
       var preact__WEBPACK_IMPORTED_MODULE_0__2 = __webpack_require__3(5181);
       var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(3817);
       var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(2721);
-      var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(1512);
+      var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1512);
       var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(6906);
       var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(3164);
       var _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(4730);
       var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7209);
-      var _utilities_core_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1627);
-      var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(4309);
-      var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(3123);
+      var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(4309);
+      var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(3123);
       function _slicedToArray2(r, e) {
         return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
       }
@@ -1005,7 +1004,7 @@ var __webpack_modules__ = {
       var DEFAULT_LOWER_CUTOFF_WIDTH = 640;
       var DEFAULT_UPPER_CUTOFF_WIDTH = 960;
       var PreloadThumbnail = function PreloadThumbnail2(_ref) {
-        var _ref2;
+        var _ref2, _ref3;
         var isPlayPending = _ref.isPlayPending, mediaId = _ref.mediaId, playerType = _ref.playerType, playerWidth = _ref.playerWidth;
         var _useState = (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.J0)(false), _useState2 = _slicedToArray2(_useState, 2), isLoading = _useState2[0], setIsLoading = _useState2[1];
         (0, preact_hooks__WEBPACK_IMPORTED_MODULE_1__.vJ)(function() {
@@ -1014,54 +1013,42 @@ var __webpack_modules__ = {
           }
         }, [isPlayPending]);
         var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
-        var bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
+        var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, 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_9__.R);
-        var playerLanguageCode = typeof playerLanguage === "string" ? playerLanguage : playerLanguage === null || playerLanguage === void 0 ? void 0 : playerLanguage.code;
-        var translate = function translate2(key) {
-          return (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.sC)(playerLanguageCode, "PLAY_BUTTON_".concat(key));
-        };
-        var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_7__.Uh)(name);
-        var ariaLabel = "".concat(translate("TITLE_WHEN_NOT_PLAYING"), ": ").concat(unescapedVideoName);
-        var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
+        var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__.R);
+        var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
         var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
-        var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.Ru)({
+        var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.Ru)({
           controlBarBorderRadius,
           floatingControlBar,
           roundedPlayer
         });
-        var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
-        var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.gl)({
+        var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_8__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
+        var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.gl)({
           bigPlayButtonBorderRadius,
           roundedPlayer
         }) * scale;
-        var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.JA)({
+        var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__.JA)({
           playerBorderRadius,
           roundedPlayer
         }) * scale;
         var backgroundColor = transparentLetterbox === true || calculatedPlayerBorderRadius > 0 ? "transparent" : void 0;
         var thumbnailAssets = (0, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__.Q0)(assets, {});
-        var calculatedPlayerLanguage = (_ref2 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref2 !== void 0 ? _ref2 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
+        var calculatedPlayerLanguage = (_ref3 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref3 !== void 0 ? _ref3 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
         var shouldShowBigPlayButton = bigPlayButton !== false && playButton !== false;
         var shouldShowBpbTime = bpbTime === true || bpbTime === "true";
-        var buttonStyle = {
-          backgroundColor: "transparent",
-          border: 0,
-          boxShadow: "none",
-          cursor: "pointer",
-          outline: "none",
-          width: "100%",
-          height: "".concat(height, "px"),
-          padding: 0
-        };
         var handleClick = function handleClick2() {
           setIsLoading(true);
         };
-        return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("button", {
-          class: "w-css-reset w-vulcan-v2-button",
-          style: buttonStyle,
-          "aria-label": ariaLabel,
-          onClick: handleClick
+        return (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(preact__WEBPACK_IMPORTED_MODULE_0__2.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
+          class: "w-css-reset",
+          style: {
+            cursor: "pointer",
+            width: "100%",
+            height: "".concat(height, "px")
+          },
+          onClick: handleClick,
+          tabIndex: shouldShowBigPlayButton ? -1 : 0
         }, (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__.E, {
           backgroundColor,
           images: thumbnailAssets,
@@ -8739,7 +8726,7 @@ var __webpack_modules__ = {
       var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
       var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
       var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-      var TAGGED_VERSION = "0.0.81";
+      var TAGGED_VERSION = "0.0.82";
       var DEFAULT_PROTOCOL = function() {
         if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
           return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -12843,7 +12830,6 @@ var _hasElementConnectedToDOM = /* @__PURE__ */ new WeakMap();
 var _paddingTop = /* @__PURE__ */ new WeakMap();
 var _playPending = /* @__PURE__ */ new WeakMap();
 var _preactRoot = /* @__PURE__ */ new WeakMap();
-var _preloadAspectRatio = /* @__PURE__ */ new WeakMap();
 var _preloadThumbnailRoot = /* @__PURE__ */ new WeakMap();
 var _publicApiScript = /* @__PURE__ */ new WeakMap();
 var _resizeObserver = /* @__PURE__ */ new WeakMap();
@@ -12874,7 +12860,6 @@ var WistiaPlayer = /* @__PURE__ */ function(_HTMLElement) {
     _classPrivateFieldInitSpec(_this2, _paddingTop, "0px");
     _classPrivateFieldInitSpec(_this2, _playPending, false);
     _classPrivateFieldInitSpec(_this2, _preactRoot, null);
-    _classPrivateFieldInitSpec(_this2, _preloadAspectRatio, void 0);
     _classPrivateFieldInitSpec(_this2, _preloadThumbnailRoot, null);
     _classPrivateFieldInitSpec(_this2, _publicApiScript, (0, _utilities_runScript_js__WEBPACK_IMPORTED_MODULE_13__.j)("".concat((0, _utilities_url_js__WEBPACK_IMPORTED_MODULE_16__.ff)(), "//").concat((0, _appHostname_js__WEBPACK_IMPORTED_MODULE_24__.N)("fast"), "/assets/external/publicApi.js")));
     _classPrivateFieldInitSpec(_this2, _resizeObserver, null);
@@ -14725,13 +14710,11 @@ var WistiaPlayer = /* @__PURE__ */ function(_HTMLElement) {
         throw new Error(error.message);
       });
       if (this.shadowRoot) {
-        var _ref14;
         if (this.wistiaPopover && this.popoverContent === "link") {
           var slot = document.createElement("slot");
           slot.name = "".concat(this.uniqueId, "-popover-link");
           this.shadowRoot.appendChild(slot);
         }
-        _classPrivateFieldSet(_preloadAspectRatio, this, (_ref14 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "aspect")) !== null && _ref14 !== void 0 ? _ref14 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_25__.R);
         _classPrivateFieldSet(_preactRoot, this, document.createElement("div"));
         _assertClassBrand(_WistiaPlayer_brand, this, _renderEmbedTemplate).call(this);
         this.shadowRoot.insertBefore(_classPrivateFieldGet(_preactRoot, this), this.shadowRoot.firstChild);
@@ -14782,11 +14765,11 @@ function _generateUniqueId(mediaId) {
   return candidate;
 }
 function _getSyncedEmbedOption(key) {
-  var _classPrivateFieldGet150, _ref17, _ref18;
+  var _classPrivateFieldGet150, _ref16, _ref17;
   if ((_classPrivateFieldGet150 = _classPrivateFieldGet(_api, this)) !== null && _classPrivateFieldGet150 !== void 0 && _classPrivateFieldGet150._impl && key in _classPrivateFieldGet(_api, this)._impl._attrs) {
     return _classPrivateFieldGet(_api, this)._impl._attrs[key];
   }
-  return (_ref17 = (_ref18 = this.embedOptions[key]) !== null && _ref18 !== void 0 ? _ref18 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, (0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.$)(key))) !== null && _ref17 !== void 0 ? _ref17 : defaultEmbedOptions[key];
+  return (_ref16 = (_ref17 = this.embedOptions[key]) !== null && _ref17 !== void 0 ? _ref17 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, (0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.$)(key))) !== null && _ref16 !== void 0 ? _ref16 : defaultEmbedOptions[key];
 }
 function _getValueFromAttribute(name) {
   if (!this.hasAttribute(name)) {
@@ -14803,8 +14786,8 @@ function _getValueFromAttribute(name) {
       return this.getAttribute(name);
   }
 }
-function _initPlayerEmbed(_ref19) {
-  var container = _ref19.container, mediaData = _ref19.mediaData;
+function _initPlayerEmbed(_ref18) {
+  var container = _ref18.container, mediaData = _ref18.mediaData;
   if (!_classPrivateFieldGet(_hasElementConnectedToDOM, this)) {
     return;
   }
@@ -14846,13 +14829,10 @@ function _initPublicApi2() {
           throw new Error("Wistia.PublicApi is not defined");
         case 5:
           embeddedCallback = function embeddedCallback2() {
-            var _classPrivateFieldGet161, _classPrivateFieldGet162;
+            var _classPrivateFieldGet161;
             void _assertClassBrand(_WistiaPlayer_brand, _this17, _maybeInitializeMux).call(_this17);
-            _classPrivateFieldSet(_preloadAspectRatio, _this17, void 0);
             _assertClassBrand(_WistiaPlayer_brand, _this17, _renderEmbedTemplate).call(_this17);
-            (_classPrivateFieldGet161 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet161 === void 0 ? void 0 : _classPrivateFieldGet161.remove();
-            _this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
-            (_classPrivateFieldGet162 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet162 === void 0 ? void 0 : _classPrivateFieldGet162.disconnect();
+            (_classPrivateFieldGet161 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet161 === void 0 ? void 0 : _classPrivateFieldGet161.disconnect();
             _classPrivateFieldSet(_resizeObserver, _this17, null);
             if (_classPrivateFieldGet(_playPending, _this17)) {
               void _this17.play();
@@ -14864,7 +14844,9 @@ function _initPublicApi2() {
           });
           _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
           _classPrivateFieldGet(_api, this).ready(function() {
-            var _classPrivateFieldGet163;
+            var _classPrivateFieldGet162, _classPrivateFieldGet163;
+            (_classPrivateFieldGet162 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet162 === void 0 ? void 0 : _classPrivateFieldGet162.remove();
+            _this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
             _this17.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__.c5, {
               detail: {
                 mediaId
@@ -14877,8 +14859,8 @@ function _initPublicApi2() {
               }
             }));
             if ((_classPrivateFieldGet163 = _classPrivateFieldGet(_api, _this17)) !== null && _classPrivateFieldGet163 !== void 0 && _classPrivateFieldGet163._impl) {
-              Object.entries(_classPrivateFieldGet(_api, _this17)._impl._attrs).forEach(function(_ref25) {
-                var _ref26 = _slicedToArray(_ref25, 2), key = _ref26[0], value = _ref26[1];
+              Object.entries(_classPrivateFieldGet(_api, _this17)._impl._attrs).forEach(function(_ref24) {
+                var _ref25 = _slicedToArray(_ref24, 2), key = _ref25[0], value = _ref25[1];
                 _classPrivateFieldGet(_playerData, _this17).updateEmbedOptionOverrides(_defineProperty({}, key, value));
               });
             }
@@ -14976,7 +14958,7 @@ function _renderEmbedTemplate() {
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
-  (0, preact__WEBPACK_IMPORTED_MODULE_0__.XX)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              ".concat(mediaType === "Audio" && "min-height: 45px;", "\n              ").concat(_classPrivateFieldGet(_preloadAspectRatio, this) !== void 0 && "aspect-ratio: ".concat(_classPrivateFieldGet(_preloadAspectRatio, this), ";"), "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  (0, preact__WEBPACK_IMPORTED_MODULE_0__.XX)((0, preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.FK, null, (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === "Audio" ? "min-height: 45px;" : "", "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     style: {
       height: swatchHeight,
       left: 0,
@@ -15012,8 +14994,8 @@ function _renderEmbedTemplate() {
     alt: "",
     "aria-hidden": "true"
   })))), (0, preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
-    ref: function ref(_ref20) {
-      _classPrivateFieldSet(_preloadThumbnailRoot, _this12, _ref20);
+    ref: function ref(_ref19) {
+      _classPrivateFieldSet(_preloadThumbnailRoot, _this12, _ref19);
     }
   })), _classPrivateFieldGet(_preactRoot, this));
 }
@@ -15045,9 +15027,9 @@ function _runMethodsFromAttributes() {
   var _this13 = this;
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "current-time") !== null) {
     this.whenApiReady().then(function() {
-      var _ref21, _classPrivateFieldGet154, _classPrivateFieldGet155, _classPrivateFieldGet156;
+      var _ref20, _classPrivateFieldGet154, _classPrivateFieldGet155, _classPrivateFieldGet156;
       var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "current-time"));
-      var isClosedPopover = (_ref21 = ((_classPrivateFieldGet154 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet154 === void 0 ? void 0 : _classPrivateFieldGet154.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref21 !== void 0 ? _ref21 : false;
+      var isClosedPopover = (_ref20 = ((_classPrivateFieldGet154 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet154 === void 0 ? void 0 : _classPrivateFieldGet154.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref20 !== void 0 ? _ref20 : false;
       var isMobile = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__.GS)();
       var shouldDelayUntilPlay = _this13.state !== "playing" && (isMobile || isClosedPopover);
       void ((_classPrivateFieldGet155 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet155 === void 0 ? void 0 : (_classPrivateFieldGet156 = _classPrivateFieldGet155._impl) === null || _classPrivateFieldGet156 === void 0 ? void 0 : _classPrivateFieldGet156.time(newTime, {
@@ -15072,8 +15054,8 @@ function _runMethodsFromAttributes() {
 }
 function _saveInitialAttributesFromDomOptions() {
   var _this14 = this;
-  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function(_ref22) {
-    var _ref23 = _slicedToArray(_ref22, 2), value = _ref23[1];
+  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function(_ref21) {
+    var _ref22 = _slicedToArray(_ref21, 2), value = _ref22[1];
     return [(0, _utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__.b)(value.name), _assertClassBrand(_WistiaPlayer_brand, _this14, _getValueFromAttribute).call(_this14, value.name)];
   }));
   _classPrivateFieldGet(_playerData, this).setDomEmbedOptionSource(domOptions);
@@ -15091,7 +15073,7 @@ function _setSyncedEmbedOption(key, value) {
 function _setupEventListeners() {
   var _this15 = this;
   var loadedMediaDataCallback = function loadedMediaDataCallback2(event) {
-    var _ref24 = event.detail, mediaData = _ref24.mediaData;
+    var _ref23 = event.detail, mediaData = _ref23.mediaData;
     _assertClassBrand(_WistiaPlayer_brand, _this15, _updateMediaData).call(_this15, mediaData);
   };
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__.rO, loadedMediaDataCallback);
@@ -15124,7 +15106,7 @@ function _updateMediaData(mediaData) {
   _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
 }
 var getSwatchMetaData = /* @__PURE__ */ function() {
-  var _ref15 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee23(url) {
+  var _ref14 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee23(url) {
     var swatch;
     return _regeneratorRuntime().wrap(function _callee23$(_context23) {
       while (1) switch (_context23.prev = _context23.next) {
@@ -15142,11 +15124,11 @@ var getSwatchMetaData = /* @__PURE__ */ function() {
     }, _callee23);
   }));
   return function getSwatchMetaData2(_x17) {
-    return _ref15.apply(this, arguments);
+    return _ref14.apply(this, arguments);
   };
 }();
 var wistiaSwatchElement = /* @__PURE__ */ function() {
-  var _ref16 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee24(mediaId, embedHost) {
+  var _ref15 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee24(mediaId, embedHost) {
     var swatchUrl, swatchImg, naturalHeight, naturalWidth, ratio, style;
     return _regeneratorRuntime().wrap(function _callee24$(_context24) {
       while (1) switch (_context24.prev = _context24.next) {
@@ -15168,7 +15150,7 @@ var wistiaSwatchElement = /* @__PURE__ */ function() {
     }, _callee24);
   }));
   return function wistiaSwatchElement2(_x18, _x19) {
-    return _ref16.apply(this, arguments);
+    return _ref15.apply(this, arguments);
   };
 }();
 if (customElements.get("wistia-player") === void 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.0.81",
+  "version": "0.0.82",
   "packageManager": "yarn@4.5.3",
   "description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
   "keywords": [
@@ -45,7 +45,7 @@
     "start:dev:yalc": "run build:react:dev --watch --yalc"
   },
   "dependencies": {
-    "@wistia/wistia-player": "0.0.81"
+    "@wistia/wistia-player": "0.0.82"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",