{"id":1467,"date":"2020-12-15T07:07:11","date_gmt":"2020-12-15T07:07:11","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/solved-product-video-not-working-in-magento-2\/"},"modified":"2025-07-17T10:14:53","modified_gmt":"2025-07-17T04:44:53","slug":"solved-product-video-not-working-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/solved-product-video-not-working-in-magento-2\/","title":{"rendered":"Solved: Product Video Not Working in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">According to&nbsp;<a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/video\/in-store-video-shopping-behavior\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a>, 55% of consumers&nbsp;use videos for purchase decisions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Video content has more ability to engage with the audience of all age groups and personas. A product video is an effective tool to demonstrate your product, particularly when a consumer cannot check it physically while buying from an online store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Increase the conversion rate with the use of product videos that helps potential customers understand the features of your product and other useful information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Moreover, Google favours a page with the product video included in the product page as it enhances the user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Video content is likely to be shared and clicked more often than a text. It is because watching a video requires fewer efforts than reading long product descriptions!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The default\u00a0Magento 2\u00a0allows\u00a0<a href=\"https:\/\/meetanshi.com\/blog\/add-youtube-videos-in-magento-2-product-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">adding videos to the product page<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-at-December-3rd-2020-11.26.07-am-1024x498.png\" alt=\"Screenshot-at-December-3rd-2020-11.26.07-am\" class=\"wp-image-11950\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, sometimes, it may happen that in spite of adding product video from the admin panel, it is not displayed in the frontend. Only the video preview image is shown as:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/Video-Preview-Image--1024x612.png\" alt=\"Video Preview Image\" class=\"wp-image-11951\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the below method for the solution to this issue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Solution for Product Video Not Working in Magento 2:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Open&nbsp;<strong>catalog_product_view.xml<\/strong>&nbsp;from your theme folder resided at&nbsp; app\/design\/frontend\/vendor\/theme\/Magento_Catalog\/layout\/catalog_product_view.xml<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Inside the catalog_product_view.xml file, search for the container Name \u201c<strong>product.info.media<\/strong>\u201c.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Now add the below code under \u201cproduct.info.media\u201d container<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;block class=\"Magento\\ProductVideo\\Block\\Product\\View\\Gallery\" name=\"product.info.media.video\" after=\"product.info.media.image\" template=\"product\/view\/gallery.phtml\"\/><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cproduct.info.media\u201d container will look like below xml after updating:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. At last, refresh the Magento 2 cache and you should get the product video in product detail page in the frontend.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/12\/Product-video-in-Magento-2-store-product-page-1024x661.png\" alt=\"Product video in Magento 2 store product page\" class=\"wp-image-11952\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Also, do share the solution with Magento Community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>According to&nbsp;Google, 55% of consumers&nbsp;use videos for purchase decisions. Video content has more ability to engage with the audience of all age groups and personas&#8230;.<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1467","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1467"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1467\/revisions"}],"predecessor-version":[{"id":14574,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1467\/revisions\/14574"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}