Magento Use FancyBox to load YOUKU Video

最新推荐文章于 2022-09-20 14:16:21 发布

iteye_14261

最新推荐文章于 2022-09-20 14:16:21 发布

阅读量296

点赞数

分类专栏： php mysql 文章标签： php javascript ViewUI

php 同时被 2 个专栏收录

129 篇文章 0 订阅

订阅专栏

mysql

8 篇文章 0 订阅

订阅专栏

to search the video swf url from web.

and then use these phtml to show video image and url link

<div class="image-box">
    <a class="fancybox image_gal" rel="iframeLink" href="<?php echo $item->getVideo();?>">
	   <img src="<?php echo $this->resizeImage($item->getFilename(), 365, 205, ''); ?>" alt="<?php   echo $item->getTitle(); ?>" />
    </a>
</div>
<div class="title">
     <a class="link_gal fancybox"  rel="iframeLink"  href="<?php echo $item->getVideo();?>"><?php   echo $item->getTitle(); ?></a>
</div>

and use jquery to load fancybox

<script type="text/javascript">
(function($){  
		$(".fancybox").click(function() {
			$.fancybox({
				'padding'		: 0,
				'autoScale'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none',
				'title'			: this.title,
				'width'			: 640,
				'height'		: 385,
				'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
				'type'			: 'swf',
				'swf'			: {
				'wmode'				: 'transparent',
				'allowfullscreen'	: 'true'
				}
			});

			return false;
		});
})(jQuery);
</script>