magento use fancy box load local video files

最新推荐文章于 2025-11-27 11:57:21 发布

最新推荐文章于 2025-11-27 11:57:21 发布 · 148 阅读

文章标签：

#php

php 同时被 3 个专栏收录

129 篇文章

订阅专栏

Magento

127 篇文章

订阅专栏

javascript

8 篇文章

订阅专栏

本文详细解析了Magento中用于展示产品的视频模块实现方式。通过定制化的Ajax控制器与PHP模板文件协同工作，实现了产品页面上视频内容的加载及播放功能。文章深入介绍了视频URL和图片的动态生成过程，以及fancybox库在视频播放体验上的应用。

ajax link

<li class="video-li">		    		
			    		<a class="fancybox-video fancybox.ajax"  href="<?php echo $this->getUrl('catalog/ajax/video')  .'?attr=video_url_1&product_id='.$_product->getId();?>">
			    		<img src="<?php 
			    		try {
			    			echo (string)$_image_helper->init($_product, 'video_img_1')->resize(240,160);
						} catch(Exception $e) {
							;
						}?>" />	            
			    		</a>
		    		</li>
		    		<li class="video-li">		    		
			    		<a class="fancybox-video fancybox.ajax"   href="<?php echo $this->getUrl('catalog/ajax/video') .'?attr=video_url_2&product_id='.$_product->getId();?>">
			    		<img src="<?php 
						try {
			    			echo (string)$_image_helper->init($_product, 'video_img_2')->resize(240,160);
						} catch(Exception $e) {
							;
						}?>" />	            
			    		</a>
		    		</li>

fancy box:

	$(".fancybox-video").fancybox({
		'padding'  : 0,
		closeBtn:false,
		wrapCSS    : 'share_container',
	 });

3.custom ajax controller send param to phtml

<?php 
class Bysoft_Mycatalog_AjaxController extends Mage_Core_Controller_Front_Action
{
	public function shareAction(){
		$this->loadLayout();
		$this->renderLayout();
	}
	
	public function videoAction() {
		/*
		 * catalog/product/view/video.phtml*/
		$_attr = $_REQUEST['attr'];
		$_product_id= $_REQUEST['product_id'];
		
		$block = Mage::app()->getLayout()->getBlock('product_video');
		$_product = Mage::getModel('catalog/product')->load($_product_id);
		
		echo $this->getLayout()->createBlock('core/template')->setData('video',$_product->getData($_attr))->setTemplate('catalog/product/view/video.phtml')->toHtml();
		
	}

3.custom phtml files: to load video player code

<video  width="100%"  height="auto" controls="controls" autoplay="autoplay" id="video">  
    <source src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'video/'.$this->getData('video');?>.mp4" type="video/mp4">    
   <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 
name="mediaplayer1" ShowStatusBar="true" EnableContextMenu="false" autostart="false" 
height="330" width="360" loop="false" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'video/'.$this->getData('video');?>.avi" />
    </video>