Videos/YouTube in popup like images

[Paul_gpvr]

Hi there,

 

I'm trying to display youtube video clips in a popup (thickbox?) like the image gallery.

 

I cant get it to work though, can anyone help?

 

I've tried creating the link like this:-

 

<a href="http://www.youtube.com/watch?v=8VW0-fiXI3E" class="thickbox"> Video Here </a>

 

 

Example page here, "Video here" link at bottom of more info section.

 

 

https://www.bbqs2u.co.uk/111-kamado-joe-bbqs

 

Thanks for any help.

Edited April 30, 2020 by Paul_gpvr
Wrong Link (see edit history)

[Paul_gpvr]

Has anyone done this before or could help at all?

[abroucek]

Today, I needed to do the same thing and by trying I found out how to do it and I want to share it with others...

First thing you should do is to try that thickbox is working on the page you want to have a video in, if it is not, first thing is to get it working - linked topic helped me to solve that

 

If it works properly now you have to use following code to link to youtube video which will be shown in thickbox

 

<a class="thickbox iframe" href="http://www.youtube.com/embed/q4a9CKgLprQ?autoplay=1&hd=1">Text</a>

 

Please note how the link in href attribute is written...

 

http://www.youtube.com/embed/youtubevideocode

 

Following attributes like autoplay or hd are not necessary

 

That's it Hope it helps

[Velocity]

This works like a charm, simple, effective and elegant.

 

Thanks!

[prestatent]

I was trying to do this today. Worked first time. Well done and thank you.

[leomazz]

Hi!

Any way to make this work ?

 

Thank you!

[vekia]

i checked this and it works well,

but you have to include the fancybox into front controller set media function

[leomazz]

i checked this and it works well,

but you have to include the fancybox into front controller set media function

Hi!

How I do that?

[vekia]

what ps version you use? 1.5.4.1 ?

[leomazz]

I use 1.5.3.1

[frankit]

I'm on ps 1.5.6.0, writing a module to add youtube videos to products, show the vids thumbnails alltogether with the product images thumbnails and play them in fancybox as for the other full-sized images, so I was trying to simply use your line:

<a class="thickbox iframe" href="http://www.youtube.com/embed/q4a9CKgLprQ?autoplay=1&hd=1">Text</a>

from the product page, wich already have the fancybox script properly loaded, but It wont work. I had to copy this snippet (including it {literal} smarty tag)

<script type="text/javascript">/* <![CDATA[ */$("a.iframe").fancybox({'hideOnContentClick':true,'width':500,'type':'iframe','onComplete':function(){$('#fancybox-frame').load(function(){$('#fancybox-content').height($(this).contents().find('body').height()+10);});[spam-filter]);/* ]]> */</script> 

taken from the fourth step of the checkout process (used for view the terms and condition in fancybox).

So I suppose that the "type:iframe" param must be declared in the product page context.