How to display youtube videos in e.g. shadowbox

Phoca Gallery - image gallery extension
User avatar
headtrick
Phoca Member
Phoca Member
Posts: 23
Joined: 24 Apr 2016, 23:40

How to display youtube videos in e.g. shadowbox

Post by headtrick »

Dear all,

what are the actual settings to create an effect like here?

https://www.phoca.cz/virtuemartdemo/phoc ... ry-youtube

So I want to display the Youtube video in a nice modern style box like boxplus or shadowbox (the imae only versions ;). The typical answer in this forum is that it only works with iframe methods like modal box, however the demo site uses boxplus and it also works?

Best,
Michael
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to display youtube videos in e.g. shadowbox

Post by Jan »

Hi, yes, standard gallery and standard boxplus is used:
https://www.phoca.cz/documents/2-phoca-g ... ube-videos

It is boxplus (iframe) method
Detail windows: boxplus
YouTube Window: Full video
Pop-up window theme (boxplus): dark square theme
Center on scroll (boxplus): yes
Fit to window (boxplus): yes
Slideshow delay (boxplus): 0
Wrap around at end (boxplus): no
Caption placement (boxplus): below
Navigation bar (boxplus): as overlay
Animation duration (boxplus): 250
Transition effect (boxplus): linear
Context menu (boxplus): display


Jan
If you find Phoca extensions useful, please support the project
User avatar
headtrick
Phoca Member
Phoca Member
Posts: 23
Joined: 24 Apr 2016, 23:40

Re: How to display youtube videos in e.g. shadowbox

Post by headtrick »

Thanks for the fast answer!

this seems to work better, however, my css is destroying everything since e.g. body is styled inside the iframes :( I have to sort this out.
Also this solution seems not really responsive. Is it due to my css problem, or general?

Best,
Michael
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to display youtube videos in e.g. shadowbox

Post by Jan »

Hi, try to test it with another template, to see if this happens only in the template or in another too. Yes, the iframe has fixed size, so then I think it is better to not use popup method and display the YouTube videos directly in page - in image view without popup :idea:

Jan
If you find Phoca extensions useful, please support the project
aromaweb
Phoca Member
Phoca Member
Posts: 23
Joined: 04 May 2016, 13:17

Re: How to display youtube videos in e.g. shadowbox

Post by aromaweb »

Hello,
I have the same problem.
Even if I try with the beez3 template le image doesn't fill the windows.
Can you help me?

Thanks
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to display youtube videos in e.g. shadowbox

Post by Jan »

Hi, can you paste a screenshot of the problem?

Jan
If you find Phoca extensions useful, please support the project
aromaweb
Phoca Member
Phoca Member
Posts: 23
Joined: 04 May 2016, 13:17

Re: How to display youtube videos in e.g. shadowbox

Post by aromaweb »

How can I attach images here?
christine
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: How to display youtube videos in e.g. shadowbox

Post by christine »

Hi aromaweb,

e.g. with: http://imgur.com/ or http://imageshack.com/

Kind regards, Christine
User avatar
headtrick
Phoca Member
Phoca Member
Posts: 23
Joined: 24 Apr 2016, 23:40

Re: How to display youtube videos in e.g. shadowbox

Post by headtrick »

Hey again,

http://imgur.com/VTjtHkV

this is how the images look now...

Best,
Michael
aromaweb
Phoca Member
Phoca Member
Posts: 23
Joined: 04 May 2016, 13:17

Re: How to display youtube videos in e.g. shadowbox

Post by aromaweb »

Here i how it look:
http://imgur.com/S5lc1WX

and my config:
http://imgur.com/M3tf77s

Thanks
Post Reply