Blog

Advanced product video extension for magento

01. Close button is missing in video lightbox popup?

If you are using CSS/JS merge and hence module cannot understand the proper path of Lightbox popup close button but if you unmerge it then it should work fine by default. Anyway you just need to do below change to make it working in merge CSS/JS also.
In this JS file: /js/video/html5lightbox.js

 Change
 skinsfoldername: "skins/default/",
 To
 skinsfoldername: "js/video/skins/default",

 

Please flush your Magento cache and then it should work fine.

02. How to set product video in loop?

The loop attribute – When present, it specifies that the video will start over again, every time it is finished.

Please follow below steps to set video loop attribute in  Advanced Product Video Extension for Magento

Add Loop for videos under product thumb image list.
tep 1: Open file app/design/frontend/base/default/template/video/product/view/media.phtml or same file from your custom theme.

(For Youtube Video): Go to line #43 and replace href tag with below one.

 href="<?php echo 'https://www.youtube.com/embed/'.$videos['youtube_code'].'?loop=1?&playlist='.$videos['youtube_code']  ?>"

 

(For Vimeo Video): Go to line #53 and replace href tag with below one.

 href="<?php echo 'https://player.vimeo.com/video/'.$videos['vimeo_code'].'?loop=1' ?>"

 

Step 2: (For HTML5 Video) – Open file js/video/html5lightbox.js

Go to line #1043 and replace it with below one.

 $container.html("<div style='display:block;width:100%;height:100%;position:relative;'><video loop id='html5-lightbox-video' width='100%' height='100%'" + (autoplay ? " autoplay" : "") + (inst.options.nativehtml5controls && !inst.options.videohidecontrols ? " controls='controls'" : "") + " src='" + src + "'></div>");

 

Add Loop for videos for product video list with masonry.
Step 3:
Open file app/design/frontend/base/default/template/video/video_list.phtml or same file from your custom theme.

(For Youtube Video): Go to line# 25 and replace iframe code with below one.

 <iframe width="560" height="315" src="https://www.youtube.com/embed/<?php echo $video_detail['youtube_code']; ?>?loop=1?&playlist=<?php echo $video_detail['youtube_code']; ?>"    frameborder="0" allowfullscreen>
							</iframe>

 

(For Vimeo Video): Go to line #30 and replace iframe code with below one.

 <iframe width="560" height="315" src="https://player.vimeo.com/video/<?php echo $video_detail['vimeo_code'];?>?loop=1"  frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

 

(For HTML5 Video): Go to line #33 and replace code with below one.

 <video loop id="mp4" controls poster="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).$video_detail['poster_image'] ?>">
03. Ultimo Theme – Videos not showing under product thumbnail image

If you are using “ultimo” theme and you are not able to see product videos on product details page under thumbnail images then please follow below steps to make it working:

You needs to add our video code in ultimo theme.

Step 1 – Please take backup of below two files.
/app/design/frontend/ultimo/default/layout/infortis_cloudzoom.xml
/app/design/frontend/ultimo/default/template/infortis/cloudzoom/product/view/media.phtml

Step 2 – Edit this file (/app/design/frontend/ultimo/default/layout/infortis_cloudzoom.xml) and  Add below code

 <block type="video/product_view_media" name="media.video" as="media_video" template="video/product/view/media.phtml" />

 

after below line

 <block type="infortis_cloudzoom/product_view_lightboxconfig" name="product.info.lightboxconfig" as="lightboxConfig" template="infortis/cloudzoom/product/view/lightbox_config.phtml" />

 

Step 3 – Edit this file:
/app/design/frontend/ultimo/default/template/infortis/cloudzoom/product/view/media.phtml Add this code at the end file.

 <?php echo $this->getChildHtml('media_video'); ?>

 

Step 4 – Clear / Refresh magento cache and check product page.

04. Watch extension demo video

Check our video and watch how it is easy to setup Product Video Extension and how it works. This will take just few minutes.

Looking for theme / plugin support?

Looking for theme / plugin customization?