Как заменить картинку на видео в коде?

Question

[sur_lolidob]

</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 html css">
<div class="work-wrapper">

<a class="fancybox-media" title="Image Title Goes Here" href="assets/img/portfolio/2.jpg"> 

<img src="assets/img/portfolio/2.jpg" class="img-responsive img-rounded" alt="" />
</a>

День добрый, добрые люди) подскажите советом.
Как сделать, чтобы вместо картинки открывалось видео (youtube) в окне?!))) очень прошу :3

Answer 1

[beaverBox]

Так, как говорит офсайт (4. Show youtube clips.):

$("#tip4").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 680,
			'height'		: 495,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});

Comments

[sur_lolidob]

а куда именно его пилить то?) мне нужно чтобы было превью и по нажатию на картинку - открывалось видео (вместо картинки). :) спасибо за ответ

[beaverBox]

beaverBox: ээ, теги не работают...
Добавьте код на страничку, дайте id="tip4" вашей ссылке. Убедитесь что jquery подключен.