{"id":293031,"date":"2021-06-17T11:02:08","date_gmt":"2021-06-17T11:02:08","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=293031"},"modified":"2026-02-13T13:22:28","modified_gmt":"2026-02-13T13:22:28","slug":"magento2-product-video","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-product-video\/","title":{"rendered":"Product Video for Magento 2"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-video-player.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Video Player Extension<\/a>(Adobe Commerce) module allows the admin to upload product video directly, which is further displayed on the product page.<\/p>\n\n\n\n<p>The admin can add multiple videos and can also customize the video player&#8217;s appearance. <\/p>\n\n\n\n<p>Adding video to the product page enhances the better outreach of your product to the customer.<\/p>\n\n\n\n<p>Furthermore, there is no barrier with this module as it works for all types of products <\/p>\n\n\n\n<p>(ie. Simple Product, Configurable Product, Virtual Product, Grouped Product, Bundle Product, Downloadable products).<\/p>\n\n\n\n<p><strong>Note-<\/strong> The video upload size depends on&nbsp;<strong>upload_max_filesize&nbsp;<\/strong>in phpconfig.<\/p>\n\n\n\n<p>If you want to add audio content to the product page, you can check <a href=\"https:\/\/store.webkul.com\/magento2-audio-player-extension.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Audio Player<\/a>.<\/p>\n\n\n\n<p>Additionally, you can use our <a href=\"https:\/\/store.webkul.com\/magento2-tv-app.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 TV app<\/a> for various video streaming directly on TV.<\/p>\n\n\n\n<p>Check the working of the plugin in the video mentioned below &#8211;  <\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"MwisIJfMYRs\"><div class=\"components-placeholder__instructions\">MwisIJfMYRs<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Features<\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>The admin can enable\/disable the module.<\/li>\n\n\n\n<li>The Admin can upload mp4 and WebM videos on the product page.<\/li>\n\n\n\n<li>Mass video upload feature with feature image upload as well. <\/li>\n\n\n\n<li>The admin can set a preview image for the video.<\/li>\n\n\n\n<li>The Admin can set video player appearance (ie. Primary color &amp; Player options).<\/li>\n\n\n\n<li>The Customer can see the product with better visibility.<\/li>\n\n\n\n<li>The admin can configure settings for the video player.<\/li>\n\n\n\n<li>The admin can upload the product video.<\/li>\n\n\n\n<li>YouTube\/Vimeo\/Google Drive\/CDN video URLs are also supported.<\/li>\n\n\n\n<li>Hyva Storefront Compatible.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-extension-from-webkul-store\">Install Extension from Webkul Store<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Download Module<\/h3>\n\n\n\n<p>Firstly, you need to log in to Webkul Store, go to&nbsp;<strong>My Account<\/strong>&gt;<strong>My Purchased Products<\/strong>&nbsp;section, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Upload Folder<\/h3>\n\n\n\n<p>Once the module zip is extracted, follow path&nbsp;<strong>src&gt;app<\/strong>&nbsp;and then copy the&nbsp;<strong>app<\/strong>&nbsp;folder into the&nbsp;<strong>Magento 2 root<\/strong>&nbsp;directory on the server as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\"><img decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\" alt=\"installation-Product Video for Magento 2\" class=\"wp-image-76006\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png 1024w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45-768x290.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Run Commands<\/h3>\n\n\n\n<p>After uploading the module folder, you need to run the following commands in the Magento 2 root directory:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-extension-from-magento-marketplace\">Install Extension from Magento Marketplace<\/h3>\n\n\n\n<p>If you have purchased this extension from the Magento (Adobe Commerce)Marketplace then please follow the below process or visit&nbsp;<a href=\"https:\/\/devdocs.magento.com\/extensions\/install\/\" target=\"_blank\" rel=\"noreferrer noopener\">this<\/a>&nbsp;link.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Get Access Keys<\/h3>\n\n\n\n<p>You need to get access keys, navigate to&nbsp;<strong>My Profile<\/strong>&nbsp;in Magento Marketplace, then choose&nbsp;<strong>Access Keys<\/strong>&nbsp;in the&nbsp;<strong>My Products<\/strong>&nbsp;section.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png\"><img decoding=\"async\" width=\"1109\" height=\"554\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png\" alt=\"my-profile\" class=\"wp-image-295111\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile.png 1109w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/my-profile-768x384.png 768w\" sizes=\"(max-width: 1109px) 100vw, 1109px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Go to&nbsp;<strong>Magento 2<\/strong>&nbsp;and then you need to copy both the Access Keys \u2013 Public Key and Private Key. These access keys will be needed in the next steps for authentication.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png\"><img decoding=\"async\" width=\"1093\" height=\"372\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png\" alt=\"copy-keys\" class=\"wp-image-295113\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys.png 1093w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/copy-keys-768x261.png 768w\" sizes=\"(max-width: 1093px) 100vw, 1093px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>If access keys are not created earlier, click&nbsp;<strong>Create A New Access Key<\/strong>, enter any name and click OK.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png\"><img decoding=\"async\" width=\"1119\" height=\"538\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png\" alt=\"create-key-name\" class=\"wp-image-295114\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/create-key-name-768x369.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">#2 Update composer.json File<\/h3>\n\n\n\n<p>To know the component name and version number, go to your Magento Marketplace account section,&nbsp;<strong>My Profile&gt;My Purchases<\/strong>, then find this extension to view the details.&nbsp;<\/p>\n\n\n\n<p><strong>Please note \u2013 Below is an example image, every extension will have its unique component name and version.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png\"><img decoding=\"async\" width=\"1163\" height=\"727\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png\" alt=\"know-component-name-version\" class=\"wp-image-295115\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version.png 1163w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/know-component-name-version-768x480.png 768w\" sizes=\"(max-width: 1163px) 100vw, 1163px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>After that, navigate to your Magento project directory and update your composer.json file in the following format.<\/p>\n\n\n\n<p><strong>composer require &lt;component-name&gt;:&lt;version&gt;<\/strong><\/p>\n\n\n\n<p>For example, to install version 5.0.0 of this extension you need to run the following command:<\/p>\n\n\n\n<p><strong>composer require webkul\/module-videoplayer:5.0.0<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Enter Access Keys<\/h3>\n\n\n\n<p>Now you will need to enter the&nbsp;<a href=\"https:\/\/devdocs.magento.com\/guides\/v2.3\/install-gde\/prereq\/connect-auth.html\" target=\"_blank\" rel=\"noreferrer noopener\">Access Keys<\/a>&nbsp;that you obtained as explained in the first step #1 Get Access Keys.<\/p>\n\n\n\n<p>Wait for Composer to finish updating your project dependencies and make sure there aren\u2019t any errors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Run Command<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Configuration For Multi-Lingual Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For <strong>multilingual<\/strong>&nbsp;support, the admin will navigate through&nbsp;<strong>Store-&gt;Configuration-&gt;General -&gt;Locale Options<\/strong>&nbsp;and select the&nbsp;<strong>locale<\/strong>&nbsp;as German<\/p>\n\n\n\n<p>(the language into which the admin wants to translate their store content).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-locale-configurations.webp\" alt=\"locale\" class=\"wp-image-430543\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-locale-configurations.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-locale-configurations-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-locale-configurations-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-locale-configurations-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"language-translation\">Language Translation<\/h3>\n\n\n\n<p>If you need to do the Magento 2Video Player module translation, please navigate the following path in your system.&nbsp;<strong>app\/code\/Webkul\/ProductVideo\/i18n<\/strong>.<\/p>\n\n\n\n<p>Open the file named&nbsp;<strong>en_US.CSV<\/strong>&nbsp;for editing as shown in the below screenshot.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation.png\" alt=\"language-Translation-Magento2-Canada-Post-Shipping\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once you have opened the file for editing. Replace the words after the<strong>&nbsp;comma(,)<\/strong>&nbsp;on the right with your translated words.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"891\" height=\"463\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/product-video-img.png\" alt=\"product-video-img Product Video for Magento 2\" class=\"wp-image-295023\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/product-video-img.png 891w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/product-video-img-300x156.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/product-video-img-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/product-video-img-768x399.png 768w\" sizes=\"(max-width: 891px) 100vw, 891px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After editing the&nbsp;<strong>CSV<\/strong>&nbsp;file, save it and then upload it to the same folder. Now your Magento 2 Video Player module translation is complete.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation-3.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation-3.png\" alt=\"language-Translation-Magento2-Canada-Post-Shipping\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the&nbsp;<strong>&nbsp;Product Video for the Magento 2<\/strong>&nbsp;module, the admin will be able to see the configuration panel under <strong>Stores&gt;Configuration&gt;Webkul&gt;Video Player<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1172\" height=\"665\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-Admin.png\" alt=\"Conf-Product Video for Magento 2\" class=\"wp-image-293036\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-Admin.png 1172w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-Admin-300x170.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-Admin-250x142.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-Admin-768x436.png 768w\" sizes=\"(max-width: 1172px) 100vw, 1172px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under Video Player Configuration, the admin can modify settings as per the choice.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Module Enable- <\/strong>The admin can enable\/ disable the module.<\/li>\n\n\n\n<li><strong>Video<\/strong> <strong>Auto Play- <\/strong>Here, the admin can set the video to be played by the customer with a single click.<\/li>\n\n\n\n<li>Loop Video- The video can be looped by selecting Yes in the loop video.<\/li>\n<\/ul>\n\n\n\n<p><strong>Video Player Appearance <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Primary Color-<\/strong> The admin can select the color which they want to use for their video player.<\/li>\n\n\n\n<li><strong>Player Options- <\/strong>The admin can choose the options which they want to enable in their video player ie.<br> Play Large, Mute, Volume, and Fullscreen.<\/li>\n<\/ul>\n\n\n\n<p>After modifying all the changes as per the choice, the admin will click on <strong>Save Config<\/strong> to apply changes.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin End Product Video<\/h3>\n<\/div><\/div>\n\n\n\n<p>To add a video to the product, the admin will navigate to <strong>Catalog&gt;Products<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1165\" height=\"654\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player.png\" alt=\"Admin end productg video-Product Video for Magento 2\" class=\"wp-image-293046\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player.png 1165w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-300x168.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-250x140.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Video-player-768x431.png 768w\" sizes=\"(max-width: 1165px) 100vw, 1165px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will have to select the product to which they want to add the video. and click on<strong> Edit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1201\" height=\"621\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Duffle-bag.png\" alt=\"Image and videos-Product Video for Magento 2\" class=\"wp-image-293098\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Duffle-bag.png 1201w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Duffle-bag-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Duffle-bag-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Duffle-bag-768x397.png 768w\" sizes=\"(max-width: 1201px) 100vw, 1201px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under <strong>Images And Videos<\/strong>, the admin will click on <strong>Add Video<\/strong>, a slider will appear to add the video for the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1178\" height=\"646\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/new-1.png\" alt=\"Add Video-Product Video for Magento 2\" class=\"wp-image-293106\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/new-1.png 1178w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/new-1-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/new-1-250x137.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/new-1-768x421.png 768w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Video Source<\/strong>&#8211; The admin will choose the video source by which they want to add the video ie. Upload.<\/li>\n\n\n\n<li><strong>Upload Video-<\/strong> The admin will choose the video that they want to upload.<\/li>\n\n\n\n<li><strong>Title-<\/strong> Here, the admin can select the title which they want to display for the video.<\/li>\n\n\n\n<li><strong>Description<\/strong>&#8211; The admin can add a description for the video.<\/li>\n\n\n\n<li><strong>Preview Image- <\/strong>The admin needs to upload a preview image which will be displayed on the video.<\/li>\n\n\n\n<li><strong>Role-<\/strong> Here, the admin can select the role as per the choice.<\/li>\n<\/ul>\n\n\n\n<p>After this, the admin will click on <strong>Save <\/strong>to apply changes.<\/p>\n\n\n\n<p><strong>Note-<\/strong> The admin can also select video source as <strong>Video URL<\/strong> from the dropdown.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"690\" height=\"226\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/video-url.png\" alt=\"video-url- Product Video for Magento 2\" class=\"wp-image-303698\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/video-url.png 690w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/video-url-300x98.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/video-url-250x82.png 250w\" sizes=\"(max-width: 690px) 100vw, 690px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, in the below snapshot, you can see the admin has selected the video source as the video URL. The video extension supports video URLs of YouTube, Vimeo, Google Drive, and CDN videos as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-cdn-url-video-1.webp\" alt=\"cdn-url-video\" class=\"wp-image-491170\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-cdn-url-video-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-cdn-url-video-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-cdn-url-video-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-cdn-url-video-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the above example, we can see that we have used the CDN video URL and after saving the product the video is visible on the product page as well. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-cdn-url-video-frontend.webp\" alt=\"CDN URL Video Frontend\" class=\"wp-image-430734\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-cdn-url-video-frontend.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-cdn-url-video-frontend-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-cdn-url-video-frontend-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-cdn-url-video-frontend-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Similarly, below we have added the YouTube video URL for the same product. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-youtube.webp\" alt=\"add-youtube-video\" class=\"wp-image-491168\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-youtube.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-youtube-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-youtube-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-youtube-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, the YouTube video plays on the product page as shown below in the snapshot. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-youtube-frontend.webp\" alt=\"youtube front end\" class=\"wp-image-430678\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-youtube-frontend.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-youtube-frontend-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-youtube-frontend-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-youtube-frontend-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, if we add the Vimeo video URL to the product as per the snapshot below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-vimeo-1.webp\" alt=\"add-vimeo-video-url\" class=\"wp-image-491169\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-vimeo-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-vimeo-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-vimeo-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/webkul-magento-2-video-player-add-video-vimeo-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p> The Vimeo video can be played on the product page by the users of your website. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-vimeo-frontend.webp\" alt=\"vimeo front end\" class=\"wp-image-430681\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-vimeo-frontend.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-vimeo-frontend-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-vimeo-frontend-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-add-video-vimeo-frontend-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Add Google Drive Video URL<\/h3>\n<\/div><\/div>\n\n\n\n<p>Moreover, we also get the option of adding the Google Drive video link, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-add-google-drive-video-link.webp\" alt=\"magento2-video-player-add-google-drive-video-link\" class=\"wp-image-490485\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-add-google-drive-video-link.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-add-google-drive-video-link-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-add-google-drive-video-link-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-add-google-drive-video-link-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, this is how the product video will reflect on the storefront product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-google-drive-link-product-video-frontend.webp\" alt=\"google-drive-link-product-video-frontend\" class=\"wp-image-490487\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-google-drive-link-product-video-frontend.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-google-drive-link-product-video-frontend-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-google-drive-link-product-video-frontend-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/magento2-video-player-google-drive-link-product-video-frontend-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note &#8211;<\/strong> When adding a Google Drive URL, you can change the word &#8216;view&#8217; at the end of the link to &#8216;preview&#8217; to enable direct preview mode. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to Add a Youtube API key<\/h3>\n<\/div><\/div>\n\n\n\n<p>If you want to use video URL functionality or want to upload videos to YouTube, the admin must add a YouTube API Key. To do so<\/p>\n\n\n\n<p><strong>Navigate to Store &gt; Configuration &gt; Catalog&gt; Product Video &gt; YouTube API Key.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"515\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165-1200x515.png\" alt=\"850165\" class=\"wp-image-353816\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165-1200x515.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165-768x330.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/850165.png 1424w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">User Front-End View<\/h3>\n<\/div><\/div>\n\n\n\n<p>On the front end, the video will be displayed on the product along with the added images. The customer can play the video accordingly without redirecting to a third-party link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"883\" height=\"460\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Screen-video.png\" alt=\"Front view-Product Video for Magento 2\" class=\"wp-image-293094\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Screen-video.png 883w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Screen-video-300x156.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Screen-video-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/06\/Screen-video-768x400.png 768w\" sizes=\"(max-width: 883px) 100vw, 883px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the customer can see the product video which is uploaded by the admin and helps them to understand the product well.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Mass Upload Product Videos<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin also has the option to mass upload product videos along with the corresponding product images.<\/p>\n\n\n\n<p>To do so, the admin will navigate through the Video Player side menu option-&gt;Mass Upload Product Videos section.<\/p>\n\n\n\n<p>They can upload the product data with the help of a CSV containing the video and image information that is linked to the SKU of the product(s).<\/p>\n\n\n\n<p>Next, they&#8217;ll upload the product video and image zip files to upload as well. The below image showcases the configuration available,<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-mass-upload.webp\" alt=\"mass upload\" class=\"wp-image-430595\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-mass-upload.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-mass-upload-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-mass-upload-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/webkul-magento-2-video-player-mass-upload-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the Product Video for Magento 2 (Adobe Commerce) module. You may also check our quality&nbsp;<a href=\"https:\/\/store.webkul.com\/magento2-youtube-channel-feeds.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Youtube Extension<\/a>.<\/p>\n\n\n\n<p>If you still face any issues, feel free to raise a ticket and share your feedback to help us improve the module: <a class=\"\" href=\"http:\/\/webkul.uvdesk.com\/\">http:\/\/webkul.uvdesk.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Video Player Extension(Adobe Commerce) module allows the admin to upload product video directly, which is further displayed on the product page. The admin can add multiple videos and can also customize the video player&#8217;s appearance. Adding video to the product page enhances the better outreach of your product to the customer. Furthermore, there <a href=\"https:\/\/webkul.com\/blog\/magento2-product-video\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":350,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-293031","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Product Video for Magento 2 | Video Upload Extension<\/title>\n<meta name=\"description\" content=\"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-product-video\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product Video for Magento 2 | Video Upload Extension\" \/>\n<meta property=\"og:description\" content=\"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-product-video\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-17T11:02:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T13:22:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\" \/>\n<meta name=\"author\" content=\"Anmol Upadhyay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anmol Upadhyay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/\"},\"author\":{\"name\":\"Anmol Upadhyay\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d7ec7a603b5a5b25de79199ea51878ab\"},\"headline\":\"Product Video for Magento 2\",\"datePublished\":\"2021-06-17T11:02:08+00:00\",\"dateModified\":\"2026-02-13T13:22:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/\"},\"wordCount\":1487,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-video\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/\",\"name\":\"Product Video for Magento 2 | Video Upload Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"datePublished\":\"2021-06-17T11:02:08+00:00\",\"dateModified\":\"2026-02-13T13:22:28+00:00\",\"description\":\"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-video\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\",\"width\":1024,\"height\":386,\"caption\":\"Installation using Zip\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-video\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Video for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d7ec7a603b5a5b25de79199ea51878ab\",\"name\":\"Anmol Upadhyay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/22cc7ea14a148226957b4e0401636d76032fbfe9e8d306d752af0cc0206fd9b5?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/22cc7ea14a148226957b4e0401636d76032fbfe9e8d306d752af0cc0206fd9b5?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Anmol Upadhyay\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/anmolupadhyay-bd696\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Product Video for Magento 2 | Video Upload Extension","description":"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-product-video\/","og_locale":"en_US","og_type":"article","og_title":"Product Video for Magento 2 | Video Upload Extension","og_description":"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.","og_url":"https:\/\/webkul.com\/blog\/magento2-product-video\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-06-17T11:02:08+00:00","article_modified_time":"2026-02-13T13:22:28+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","type":"","width":"","height":""}],"author":"Anmol Upadhyay","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Anmol Upadhyay","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/"},"author":{"name":"Anmol Upadhyay","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d7ec7a603b5a5b25de79199ea51878ab"},"headline":"Product Video for Magento 2","datePublished":"2021-06-17T11:02:08+00:00","dateModified":"2026-02-13T13:22:28+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/"},"wordCount":1487,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-product-video\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/","url":"https:\/\/webkul.com\/blog\/magento2-product-video\/","name":"Product Video for Magento 2 | Video Upload Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","datePublished":"2021-06-17T11:02:08+00:00","dateModified":"2026-02-13T13:22:28+00:00","description":"Product Video for Magento 2 module allows the admin to upload product video directly, which is further displayed on the product page.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-product-video\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png","width":1024,"height":386,"caption":"Installation using Zip"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-product-video\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Product Video for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d7ec7a603b5a5b25de79199ea51878ab","name":"Anmol Upadhyay","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/22cc7ea14a148226957b4e0401636d76032fbfe9e8d306d752af0cc0206fd9b5?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/22cc7ea14a148226957b4e0401636d76032fbfe9e8d306d752af0cc0206fd9b5?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Anmol Upadhyay"},"url":"https:\/\/webkul.com\/blog\/author\/anmolupadhyay-bd696\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/293031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/350"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=293031"}],"version-history":[{"count":80,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/293031\/revisions"}],"predecessor-version":[{"id":526497,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/293031\/revisions\/526497"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=293031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=293031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=293031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}