QUALITY PATCH

ACSD-47076: Vimeo videos cannot be played on the storefront

Vimeo videos cannot be played on the storefront. Quality patch ACSD-47076 for lib/web applies to Magento Open Source and Adobe Commerce 2.4.1 to 2.4.4-p18.

Categories
Catalog/Product
Components
lib/web, magento/module-product-video, magento/module-theme
Origin
adobe-commerce-support
Since QPT
1.1.21

Issue

Vimeo videos cannot be played on the storefront.

Steps to reproduce

1. Add a Vimeo video to a product in the Commerce Admin > Catalog > Products > product edit page > Images and Videos. 1. Open the product on the storefront and play the video.

Adobe's page lists 2.4.1 - 2.4.3-p3 as compatible; the versions below are resolved from the current QPT constraints and are the ones the tool will offer.

Adobe scheduled the permanent fix for 2.4.6.

Install

Install the Quality Patches Tool with composer require magento/quality-patches, apply the prerequisites listed for all files applicable to your distribution and version first, then run vendor/bin/magento-patches apply ACSD-47076. On Cloud, add ACSD-47076 under stage.build.QUALITY_PATCHES in .magento.env.yaml.

For cweagans/composer-patches, choose a compatible version below and download the bundle. Copy its ACSD-47076/ folder into patches/composer/, merge composer.patches.json into composer.json, then run composer install. Bundle prerequisites the same way and list them first. Paths are relative to each package root, using the default -p1 level. Prefer local files when configuring composer-patches; a remote URL can change.

Patch files and compatible versions

Packages across compatible versions (3): magento/module-product-video, magento/module-theme, magento/magento2-base
Packages across compatible versions (3): magento/module-product-video, magento/module-theme, magento/magento2-base

magento/magento2-base >=2.4.1 <2.4.4

Magento Open Source
2.4.3-p3, 2.4.3-p2, 2.4.3-p1, 2.4.3, 2.4.2-p2, 2.4.2-p1, 2.4.2, 2.4.1-p1, 2.4.1
Adobe Commerce
2.4.3-p3, 2.4.3-p2, 2.4.3-p1, 2.4.3, 2.4.2-p2, 2.4.2-p1, 2.4.2, 2.4.1-p1, 2.4.1
Patch file
patches/os/ACSD-47076_2.4.3-p2.patch
  • vendor/magento/module-product-video/view/frontend/requirejs-config.js
  • vendor/magento/module-product-video/view/frontend/web/js/fotorama-add-video-events.js
  • vendor/magento/module-product-video/view/frontend/web/js/load-player.js
  • vendor/magento/module-theme/view/base/requirejs-config.js
  • lib/web/vimeo/player.js (added)
  • lib/web/vimeo/player.min.js (added)
  • lib/web/vimeo/vimeo-wrapper.js (added)

magento/magento2-base >=2.4.4 <2.4.5

Magento Open Source
2.4.4-p18, 2.4.4-p17, 2.4.4-p16, 2.4.4-p15, 2.4.4-p14, 2.4.4-p13, 2.4.4-p12, 2.4.4-p11, 2.4.4-p10, 2.4.4-p9, 2.4.4-p8, 2.4.4-p7, 2.4.4-p6, 2.4.4-p5, 2.4.4-p4, 2.4.4-p3, 2.4.4-p2, 2.4.4-p1, 2.4.4
Adobe Commerce
2.4.4-p18, 2.4.4-p17, 2.4.4-p16, 2.4.4-p15, 2.4.4-p14, 2.4.4-p13, 2.4.4-p12, 2.4.4-p11, 2.4.4-p10, 2.4.4-p9, 2.4.4-p8, 2.4.4-p7, 2.4.4-p6, 2.4.4-p5, 2.4.4-p4, 2.4.4-p3, 2.4.4-p2, 2.4.4-p1, 2.4.4
Patch file
patches/os/ACSD-46326_2.4.4.patch
  • vendor/magento/module-product-video/view/frontend/requirejs-config.js
  • vendor/magento/module-product-video/view/frontend/web/js/fotorama-add-video-events.js
  • vendor/magento/module-product-video/view/frontend/web/js/load-player.js
  • vendor/magento/module-theme/view/base/requirejs-config.js
  • lib/web/vimeo/player.js (added)
  • lib/web/vimeo/player.min.js (added)
  • lib/web/vimeo/vimeo-wrapper.js (added)

Sources

Łukasz Bajsarowicz
Built by

Łukasz Bajsarowicz, e-commerce architect

Magento and Adobe Commerce architecture, upgrades, performance and audits for merchants and agencies since 2015; magento.watch is the tooling I use on those projects.

Open source, maintained on weekends.