YouTube Videos

Home

Documentation

Phoca Gallery

Phoca Gallery Component

YouTube Videos

In Phoca Gallery YouTube videos can be imported (since version 3.1) and displayed (since version 1.8.8).

Go to Joomla! administration - Components - Phoca Gallery - Images - [New | Edit] button. Now you are in Phoca Gallery [New | Edit]. There are different ways how to paste YouTube video:

1 Paste the whole YouTube code into Video Code (YouTube) parameter. This allows customizing the output.

1
2
3
4
5
6
7
8
9
10 <object width="425" height="355"> <param name="movie" value="http://www.youtube.com/v/ha5gaCdulak& hl=en&rel=0&color1=0x006699&color2=0x54abd6"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/ha5gaCdulak& hl=en&rel=0&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed> </object>

2 Or paste URL to the YouTube video in long version: http://www.youtube.com/watch?v=ha5gaCdulak

3 Or paste URL to the YouTube video in short version: http://youtu.be/ha5gaCdulak

4 Or click on YouTube button and import all information from YouTube: Title, Description, Thumbnail. Paste it to the image edit and save.

Phoca Gallery YouTube Import

Phoca Gallery - paste imported data from YouTube

Before clicking on YouTube button, select category of the image (to store thumbnails to right folder)

This way title, description, YouTube link and filename will be imported. If you don't want to import data from YouTube, don't forget to add an image into a Filename input form field. Thumbnails cannot be created from Youtube video, so you have to add an image to create a medium thumbnail which will be displayed in the thumbnail image list view (in category view).

Uploading (Adding) YouTube videos in frontend

YouTube videos can be added in Phoca Gallery frontend:

in UCP
in Category View

Just enable possibility of frontend adding of YouTube videos in Phoca Gallery Options.

Phoca Gallery - YouTube Frontend Upload

YouTube videos can be displayed in detail window only with these detail methods: Standard Popup Window, Modal Box (iframe), Highslide JS (iframe), boxplus (iframe), No Popup. See the explanation on this site: Phoca Gallery General Advices (8)

See Phoca Gallery and YouTube demo site.