`
kirenenko04
  • 浏览: 150969 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

magento use fancy box load local video files

 
阅读更多

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>

 

分享到:
评论

相关推荐

    magento lazyload插件

    Magento LazyLoad 插件是针对Magento电子商务平台设计的一款性能优化工具。它的主要功能是实现图片的延迟加载(Lazy Load),以此提升网站的加载速度和用户体验。在网页浏览时,传统方式下所有图片会一次性全部加载...

    magento1 local xml

    Assuming you are not using your own module, you should create a local layout file at location app/design/frontend/[package]/[theme]/layout/local.xml and assuming you are seeing the compare block which...

    Magento 2 Image Lazy Load Extension:为图像启用延迟加载以减小页面大小-开源

    您的网站未达到预期效果的原因之一是图片过多。 网站加载速度是SEO在分析和排名网站时考虑的关键因素之一。... Magento 2图像延迟加载扩展允许您启用图像的延迟加载,以减小页面大小并提高网站性能。

    magento快速复制网站_magento_magento快速复制站_

    在电商领域,经常会有需求将一个已经建立并运行良好的Magento站点快速复制到另一个服务器,用于测试、备份或者创建一个新的独立站点。这个过程涉及到数据库的备份与还原、文件系统的复制以及配置的调整等多个步骤。 ...

    Magento 2 Cookbook

    required to use extensions in a Magento 2 installation. It contains a brief introduction to new methods introduced in the Magento 2 framework and examples on how to create basic functions. Chapter 8, ...

    Magento插件开发手册 Magento Extension Developers Guide

    Magento支持多个代码池,例如`app/code/local/`, `app/code/community/`, 和`app/code/core/`。 - **模块代码结构(Module Code Structure)**:每个模块都有其特定的目录结构,包括控制器、模型、块、辅助类、布局...

    magento入门学习资料

    Magento是一款强大的开源电子商务平台,以其高度可定制性和灵活性著称。作为一款基于PHP开发的系统,它为商家提供了丰富的功能,包括商品管理、订单处理、客户管理、营销工具等。以下将详细介绍`magento入门学习资料...

    magento结构和原理

    magento结构和原理是magento框架的核心组成部分,了解magento的结构和原理是开发magento模块和主题的基础。本文将详细介绍magento的文件目录结构、URL路由与分发器、模板调用对应的JS、CSS、图片、重写核心模块等...

    Magento程序以及汉化语言包

    在描述中提到的“放在app/local/下面即可”,这是Magento的目录结构的一部分,app/local目录用于存放本地化模块,包括语言包。将汉化语言包放入此目录,Magento会在运行时自动检测并应用这些语言资源,使得后台管理...

    magento入门文档

    ### Magento入门文档知识点详解 #### 一、Magento的配置系统 **1.1 设置组件的目录结构** Magento的配置系统是其核心组成部分之一,通过一套复杂的机制管理着系统的各个部分,包括模块、模型、类、模板等。配置...

    magento数据结构分析

    标题:“Magento数据结构分析” 描述:“Magento数据字典”提供了对Magento系统中各种数据库表的深入理解,这对于理解和优化Magento的性能至关重要。 一、Magento数据结构解析 Magento是一款功能强大的电子商务...

    深入理解Magento.pdf

    【深入理解Magento——配置系统详解】 Magento是一款强大的开源电子商务平台,其配置系统是其核心组成部分,被誉为Magento的心脏。这个系统以XML的形式动态生成配置,掌控着模块、模型、类、模板等所有组件的行为。...

    redis magento

    此时,需要检查 Redis 服务是否正常运行,并确保 Magento 的配置文件(如 `app/etc/local.xml`)中的 Redis 配置正确无误。 接下来,关于 "redisԭʼmagento",这可能是指使用 Redis 作为 Magento 的 sessions 存储...

    magento二次开发大全

    Magento是一款强大的开源电子商务平台,以其高度可定制性和灵活性著称。在进行Magento的二次开发时,你需要理解并掌握以下几个核心概念和技术: 1. **MVC架构**:Magento基于Model-View-Controller(MVC)设计模式...

    magento 中文开发手册

    2. 自定义模块则放置在 `app/code/local/Packagename` 下,`Packagename` 应该是一个独特的标识符,通常以公司的名称命名,如 `app/code/local/YourCompanyName`。 Magento 的开发手册详细涵盖了以下主题: 1. **...

    Magento认证工程师考试提纲

    ### Magento认证工程师考试知识点解析 #### 一、引言 Magento认证工程师考试旨在评估考生对Magento平台的理解与应用能力。为了帮助考生准备考试,官方发布了《Magento®认证开发者考试学习指南》,该指南详细介绍...

    Magento-SMTP-Email

    Magento是开源的电子商务平台,广泛用于在线商店的建设。SMTP(Simple Mail Transfer Protocol)是用于发送电子邮件的标准协议。在Magento中,SMTP插件扮演着关键角色,它允许商家通过更安全、可靠的SMTP服务器发送...

    magento-java-master.zip_magento

    这个“magento-java-master.zip_magento”压缩包可能是为了提供一个Java连接Magento源码的示例或者库,帮助开发者实现Java与Magento系统的交互。 在Java中与Magento进行交互通常涉及到以下几个关键知识点: 1. **...

    magik shoes magento 模板, magento 1.7 模板

    Magento是一款开源的电子商务平台,专为在线商家设计,提供强大的购物车系统和丰富的功能。"Magik Shoes Magento 模板"是专为Magento 1.7版本设计的商店主题,旨在提升在线鞋类销售商店的用户体验和视觉吸引力。在这...

Global site tag (gtag.js) - Google Analytics