系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
Magento 2 提供了一种名为“产品视频”的功能，使您可以将产品视频添加到产品页面。要配置产品视频，您需要执行以下步骤：
创建一个视频
首先，您需要为产品创建一个视频。您可以将视频文件上传到 Magento 2 平台，也可以将视频文件托管在第三方网站上（例如 YouTube 或 Vimeo）。在本例中，我们将使用 Vimeo 来托管视频。
在 Vimeo 上上传视频后，您需要获取视频的 ID。您可以在 Vimeo 视频页面的 URL 中找到视频 ID，例如：https://vimeo.com/123456789。在这个示例中，视频 ID 是 123456789。
创建一个产品
在 Magento 2 中创建一个产品，可以在产品编辑页面中添加视频。您可以按照以下步骤操作：
进入 Magento 2 后台，转到“产品”>“目录”。
单击“添加产品”按钮，创建一个新产品或编辑现有产品。
转到“产品视频”选项卡，并输入以下信息：
标题：视频标题。
视频 URL：Vimeo 视频页面的 URL（例如 https://vimeo.com/123456789）。
播放按钮文本：播放按钮上的文本。
单击“保存并继续编辑”按钮，保存产品并返回编辑页面。
添加视频块到产品布局
在产品页面上添加视频块以显示视频。您可以使用产品布局文件中的 referenceBlock 元素来添加视频块。以下是一个简单的 Magento 2 产品布局文件的代码示例，其中包含一个视频块：
<!-- File: app/design/frontend/MyVendor/mytheme/Magento_Catalog/layout/catalog_product_view.xml --> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceContainer name="content"> <referenceBlock name="product.info.details"> <block class="Magento\Framework\View\Element\Template" name="product.video" template="Magento_Catalog::product/view/video.phtml"/> </referenceBlock> </referenceContainer> </body> </page>
在上述代码中，使用 referenceBlock 元素将名为 product.video 的块添加到产品详情页上的 product.info.details 块中。该块的模板文件位于 Magento_Catalog/templates/product/view/video.phtml。
创建视频模板
最后，您需要创建一个视频模板文件，以在产品页面上显示视频。以下是一个简单的 Magento 2 视频模板文件的代码示例：
<!-- File: app/design/frontend/MyVendor/mytheme/Magento_Catalog/templates/product/view/video.phtml --> <?php /** @var $block \Magento\Framework\View\Element\Template */ /** @var $product \Magento\Catalog\Model\Product */ ?> <?php if ($product->getVideoUrl()): ?> <div class="product-video"> <iframe src="<?= $block->escapeUrl($product->getVideoUrl()) ?>" frameborder="0" allowfullscreen></iframe> </div> <?php endif; ?>