Magento 2.3.4 product videos not showing on frontend because of missing thumbnail

[akhilesh4u66f7]

I have added/updated product videos in my Magento 2.3.4. The videos are showing on the admin side. But on the frontend, the videos are not showing. It is not even coming in the slider. It was working earlier. After updating the video URL or adding a new video it is not showing. I have printed the data of $block->getGalleryImagesJson(). In that, there is an image path for the thumbnail, but when I tried that path in the browser it returned a 404 error. So the thumb image for the video is not saving into the cache folder but is showing on the admin side.

[johnwebdes40a5]

Hello @akhilesh4u66f7 

If your product videos are not showing on the front end of your Magento 2.3.4 website, it is possible that the issue is caused by missing thumbnails. Here are the steps you can follow to resolve this issue:

• Log in to the Magento admin panel and navigate to the product for which you want to add a video.
• In the product edit page, click on the "Images and Videos" tab.
• In the "Videos" section, click on the "Add Video" button.
• Enter the video URL in the "Video URL" field and click on the "Save" button.
• Wait for the video to be processed. Once the video is processed, you should see a thumbnail image displayed in the "Videos" section.
• If the thumbnail is missing, you can generate it by clicking on the "Generate Thumbnail" button. Wait for the thumbnail to be generated.
• Save the product and clear the cache.

If you find our reply helpful, please give us kudos.

A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

WebDesk Solution Support Team

Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789

[akhilesh4u66f7]

@johnwebdes40a5  Thanks for the reply. The thumbnail is showing on the Magento admin panel, but missing in the front end. The file is missing in the cache folder. For example pub/media/catalog/product/cache/ab405fe287a88500015caa4cca8ea8b1/h/q/hqdefault_9_1_4.jpg

[johnwebdes40a5]

Hello @akhilesh4u66f7 

If the product thumbnail is missing in the front of your Magento 2 store and the corresponding file is not found in the cache folder, there are a few steps you can take to resolve this issue:

• Clear the image cache:
  • Start by clearing the image cache in Magento. Run the following commands from your Magento root directory:
    • php bin/magento cache:clean
    • php bin/magento cache:flush
  • This step ensures that any cached images are cleared and new thumbnails can be generated.

1. Regenerate image cache:
   1. Magento has a command-line tool called catalog:images:resize that can regenerate the image cache. Run the following command to regenerate the image cache for all products:
      1. php bin/magento catalog:images:resize
      2. This command regenerates the cached images for all products, including their thumbnails.
2. Verify file permissions:
   1. Ensure that the file and folder permissions for your Magento installation are set correctly. The webserver (e.g., Apache or Nginx) should have read and write permissions to the cache folder and its subdirectories. You can refer to the Magento documentation for more information on setting file permissions.
3. Reindex data:
   1. Reindexing the data can help refresh the product information and regenerate the image cache. Run the following command to reindex all data:
      1. php bin/magento indexer:reindex

[charliejon3347]

We had issues getting Youtube videos to play on product pages even though the API key was correct and the video was visible in the admin screens.

Turns out the issue was because the URL defined for the youtube video in admin was pasted by copying the "share" video link, and that has a domain name of youtu.be and NOT youtube.com

So if you are having trouble getting youtube videos to render on your pages (and you're not seeing the video URL when you view source code on the product page), make sure you define the video URL in admin by copying the address seen in a browser.  Do NOT use the shortened URL's provided with the handy "share" function.