Knowledge Base

Search for anything about "All Video Share"

Quick Start: Your First Gallery

This page walks you through building a working video gallery from scratch. You will create a category, add a video to it, and link to it from your site menu. It takes about five minutes.

If you have not installed All Video Share yet, start with the installation guide and come back here.

Step 1: Create a Category

Every video has to belong to a category, so this is where you begin. Think of categories as the sections of your video library — Tutorials, Product Demos, Customer Stories, and so on.

  1. Go to Components → All Video Share → Categories.
  2. Click New in the toolbar.
  3. Type a Title, for example Tutorials. Leave the Alias empty and All Video Share will build one from the title.
  4. Upload a Thumbnail if you have one. This is the image shown for the category on the front end.
  5. Click Save & Close.
avs-quick-start-01

That is all you need for now. Categories can also be nested inside one another and restricted to certain user groups — see Managing Categories when you are ready for that.

Step 2: Add a Video

Now put something in that category. All Video Share can play videos from several different sources, but the quickest one to test with is YouTube, because you only need to paste a link.

  1. Go to Components → All Video Share → Videos and click New.
  2. Type a Title for the video.
  3. Choose the Category you created in Step 1.
  4. Set Video Type to YouTube. The form changes to show a YouTube URL field.
  5. Paste a normal YouTube link into it, for example https://www.youtube.com/watch?v=twYp6W6vt2U. Use the page URL, not the embed code.
  6. Click Save & Close.
avs-quick-start-02

You do not need to supply a thumbnail for YouTube or Vimeo videos — All Video Share fetches one for you automatically.

Add two or three more videos the same way, so your gallery has something to show. When you are ready to upload your own video files, or to use Vimeo, live streams or embed code from another site, see Adding Videos & Video Sources.

Step 3: Add It to Your Menu

Your videos are saved, but nothing on your website links to them yet. A menu item creates the page that visitors will actually see.

  1. Go to Menus → Main Menu → Add New Menu Item.
  2. Type a Title, for example Videos. This is the wording that appears in your menu.
  3. Next to Menu Item Type, click Select.
  4. In the window that opens, click All Video Share to expand it, then choose Videos Layout.
  5. Leave the Video field empty. Leaving it empty means “show every video”; picking one video would turn this into a page for that single video instead.
  6. Click Save & Close.
avs-quick-start-03

Step 4: Look at Your Gallery

Open your website and click the new Videos menu item. You should see your videos laid out in a responsive grid of thumbnails.

avs-quick-start-04

Click any thumbnail and the single video page opens, with the player, the video title and description, and a row of related videos underneath.

avs-quick-start-05

Thumbnails stacked in one column? Your Joomla template is not loading Bootstrap 5. Go to Components → All Video Share → Options → Custom CSS and set Load Bootstrap CSS to Yes.

Adjust How It Looks

Go to Components → All Video Share → Options. These settings change every gallery on your site, and they are the ones most people want to adjust first.

On the General tab, under Gallery:

  • Number of Rows and Number of Columns — together these decide how many videos appear on each page. The default of three rows by three columns gives you nine videos per page.
  • Image Height (Ratio) — controls the shape of the thumbnails. Use 56.25 for widescreen 16:9 images, or 75 for the older 4:3 shape.
  • Short Description — show or hide the snippet of description text below each title.

On the Player tab:

  • Player Width — leave this empty and the player fills whatever space it is given. Enter a number of pixels to cap its width.
  • Player Height (Ratio)56.25 for widescreen, which suits almost every modern video.
  • GDPR Privacy Consent — turn this on to ask visitors for permission before a YouTube or Vimeo video loads.

Every setting on this screen is explained in the Global Options Reference.

Where to Go From Here

A menu item is only one of the ways to put videos on your site. You can also:

If you are not sure which approach fits your site, read Ways to Display Videos first.

Next: Managing Categories →

Scroll to Top