Joomla Video Gallery Demo 5 – Thumbnails View

Joomla Video Gallery Demo 4 – Video Slider

Joomla Video Gallery Demo 3 – Lightbox Video Gallery

Joomla Video Gallery Demo 2 – Content Video Slider

Whitney Houston - I Will Always Love You

ArtistWhitney Houston
Album I Will Always Love You
Released1992
GenreSoundtrack/R&B, soul, pop
Sales (milion)44

Madonna - Like a Virgin

ArtistMadonna
AlbumLike a Virgin
Released1984
GenrePop, dance
Sales (milion)25

Pink Floyd - The Dark Side of the Moon

ArtistPink Floyd
AlbumSpeak To Me\Breathe
Released1973
GenreProgressive rock
Sales (milion)45

Michael Jackson - Thriller

ArtistMichael Jackson
AlbumThriller
Released1982
GenrePop, Rock, R&B
Sales (milion)51-65

Norah Jones - Come Away with Me

ArtistNorah Jones
Album Come Away with Me
Released2002
GenreJazz
Sales (milion)25

Joomla Video Gallery Demo 1 – Content Popup

Forrest Gump

Harry Potter and the Deathly Hallows

Mission Impossible 1

Gladiator

James Bond - Tomorrow Never Dies

Rocky III

Fight Club

The Matrix

Joomla Video Gallery FAQ

  • I have paid for pro version and didn’t get the link or file to update

    If you made purchase and didn’t get Share Buttons file, or file was corrupt, contact us by info@huge-it.com and send order number, we will check and send you the file as soon as possible

  • I have already purchased Multi Site version, how do I upgrade it to Developer version, without buying it again?

    If you have any pro version of our products and want to upgrade it, you do not need to buy the new one again, you only need to pay the difference price. For example, if you have personal version and need to upgrade to Multi Site, just buy one more personal, and contact us by info@huge-it.com, send the receipt and we will send Multi Site version, from Multi Site to Developer, just buy one personal, and ask us for Developer version.

  • Is the payment On-Time or per-year,month?

    The payment for the extension is one time and for life.

  • How to install the extension?

    In order to install Video Gallery extension, go: Extensions > extensions manager > choose the zip file > upload > module manager > activate

  • How to install module zip file?

    Extensions > Module Manager > Activate Huge-IT Video Gallery > Choose video gallery and Position within specific theme (on right panel) > Menu assignment > Choose where to display it.

  • How to Insert Created Video Gallery?

    Menu > Main Menu > page > Select > choose our Video Gallery > Save.

Joomla Video Gallery User Manual

Video Gallery Joomla

Adding process of Huge-IT Video Gallery Extension

In order to install Video Gallery extension, go:

Extensions > extensions manager > choose the zip file > upload and install

Adding-process-of-Huge-IT-Video-Gallery-Extension

Create Video Gallery as Component

In order to use Video Gallery extension as a component in your menu go:
Menu > main menu> choose one of your menu items> select our extension as menu item type>choose video gallery from the list of created video galleries > Save

Create-Video-Gallery-as-Component

Create Article with plugin

Extensions > Plugins > find our Video Gallery extension > and activate it Now you can use it as article item

Create-Article-with-plugin

Use of Video Gallery Module

Modul ability allows you to manage the Video Gallery within your site: put it in different positions within page, select the pages where to display and where not display

Use-of-Video-Gallery-Module

General option of Image Gallery Extension

Video Gallery/Content popup

Element Styles

  • Video element Width.

    With this option you can set the width of the element

  • Video element Height.

    Set the height of the elements

  • Video element Border Width.Set the size for the border around each element

  • Video element Border color.

    Choose a color for the border around elements

  • Element’s Image Overlay Color.

    Select a color for the overlay on the video

  • Element’s Image Overlay Transparency.

    Set the extent of transparency for the overlay on the video thumbnail

  • Zoom Image Style.

    Select a color for zoom icon, white or black

Content-popup-element-styles

Popup Styles

  • Popup Background color.

    Pick preferable background color of popup

  • Popup Overlay color.

    Pick preferable color for popup overlay

  • Popup Overlay Transparency.

    Specify preferable degree of background transparency in your

  • Popup Close Button Style.

    Pick up among white or black icon color for X button

  • Show Separator Lines.

    Selection of this option will enable separation lines between text content

Content-popup-Popup-Styles

Popup Description

  • Show Description.

    Do not select to hide description

  • Description Font Size.

    Font size of the description can be changed

  • Description Font color.

    Font color can be changed to your preferable one

content-popup-Popup-Description

Element Title

  • Element Title Font Size.

    Pick up a color for title on element

  • Element Title Font color.

    Edit preferable color of title

  • Element Title Background color.

    Determine preferable color of title’s background

content-popup-Element-Title

Element Link Button

  • Show Link button on Video-element.

    Select to show “View More” button on the video

  • Link button Text.

    You can change the “View More” button text

  • Link button Font Size.

    Choose preferable size of Link-button

  • Link button Font color.

    Determine preferable color of link font

  • Link button Background color.

    Determine preferable color for link background

popup-Element-Link-Button

Popup Title

  • Popup Title Font Size.

    Determine title size of the letters of popup

  • Popup Title Font color.

    With this option configure the most appropriate color for title in popup

popup-Popup-Title

Popup Link Button

  • Show Link button.

    Choose to make Link-button visible in popup

  • Link button Text.

    With this option edit the text of Link-button in popup

  • Link button Font Size.

    With this option set most appropriate size of the letters of Link-button in popup

  • Link Button Font Color.

    With this option change color of link button in popup

  • Link button Font Hover color.

    With this option determine the most appropriate color of Link-button when you hover the mouse on it

  • Link button Background color.

    Specify preferable background color of the Link-button in popup

  • Link button Background Hover color.

    Specify preferable background color of the link as you hover the mouse on it

Content-Popup-Link-Button

Content Video Slider

Slider Container

  • Main image Width.

    This fixes the margin of the main image

  • Slider Background color.

    With this option select most appropriate color for slider background

  • Arrow Icons Style.

    Specify black/white color of arrows in slider

  • Show Separator Lines.

    With this option you can see or hide lines between text, title, and link visible

Slider-Container

Title

  • Title Font Size.

    With this option select most appropriate size of the letters of the title

  • Title Font color.

    With this option select most appropriate color of the font

slider-container-Title

Link Button

  • Show Link button.

    Click to show the Link button

  • Link button Text.

    With this option, you can change text on link button

  • Link button Font Size.

    With this option, you can edit the size of the letters of the link text

  • Link button Font color.

    With this option, you can edit the color of the link text

  • Link button Font Hover color.

    Choose most appropriate color of the link text while hovering the mouse on it

  • Link button Background color.

    Determine preferable color for link field

  • Link button Background Hover color.

    Choose most appropriate a color for your link background while hovering on it

slider-Link-Button

Description

  • Show Description.

    With this option, you can hide the description

  • Description Font Size.

    Set most appropriate the font size of description

  • Description Font Color.

    Set the color of font in description

slider-Description

LIghtbox-Video Gallery

Video-image

  • Video-image Width.

    Specify preferable size of the video

  • Video-image Border Width.

    Specify preferable width of surrounded borders

  • Video-image Border color.

    Using this option, you can configure your preferable the color for border

  • Border Radius.

    Using this option, you can determine prefered radius of border corners

Video-image

Title

  • Title Font Size.

    Set the font size of the title

  • Title Font Color.

    Set the color of the title

  • Title Font Hover Color.

    Set the color of the title while hovering on it

  • Title Background Color.

    Choose title background color

  • Title Background Transparency.

    Choose the level of title background transparency

video-Title

Video Slider

Slider

  • Video Behaviour.

    Choose “resized” to stretch and fit your videos to the size of Slider

  • Slider Background color.

    Set preferable color of the vacant part of slider field while images has its natural size

  • Slideshow Border Size.

    Specify the size of the border in your slider

  • Slideshow Border color.

    Choose your prefered color for border

  • Slideshow Border radius.

    Determine preferable radius for slider border

video-slider

Navigation

  • Show Navigation Arrows.

    Click to show navigation arrows in slider

  • Navigation Dots Position / Hide Dots.

    Choose where to locate the dots, or choose to remove them

  • Navigation Dots color.

    Using this option give any other color to navigation dots of slider

  • Navigation Active Dot color.

    Using this option give any other color to moving dots in slider

  • Navigation Type.

    Determine preferable type of your navigation arrows

video-slider-Navigation

Thumbnails View

Container Style

  • Presence of a background.

    Click to have background for thumbs

  • Box background color.

    Using this option give any other color surrounded box

  • Box shadow.

    Click if you’d like to have shadows in the box

  • Box padding.

    Specify desired distance between box and video

Thumbnails-Container-Style

Video

  • Video-image Behavior.

    Click to Determine behavior of video image

  • Video-image Width.

    Allows to specify preferable width of thumbs

  • Video-image Height.

    Allows to specify preferable height of thumbs

  • Video-image Border Width.

    Allows to specify preferable width of the border between thumbs

  • Video-image Border color.

    Using this option give any other color to the border between thumbs

  • Border Radius.

    Allows to specify preferable radius of the border

  • Margin Video.

    Allows to specify the distance between each thumb

Thumbnails-video

Title

  • Title Font Size.

    With this option give any other size to your title

  • Title Font color.

    Using this option give any other color to your title

  • Title Background Transparency.

    With this option specify the degree of background transparency

  • Link text.

    With this option you can change the text of the link

Thumbnails -title

Joomla Video Gallery