Knowledge Base

Search for anything about "All-in-One Video Gallery"

BACK TO DOCS

Adding Videos

You can add videos to your site in two ways using the All-in-One Video Gallery plugin:

  1. Using the “All Videos” Menu — Recommended
  2. Directly in a Page or Post using the Shortcode or Block

1. Using the “All Videos” Menu

Adding videos via the All Videos menu is the recommended method, as it allows you to showcase videos in galleries and organize them by categories and tags. This approach also makes your videos searchable and filterable.

If you’re familiar with creating posts in the WordPress Admin Dashboard, adding videos will be a breeze. Follow these steps to add your first video:

  1. Navigate to “WordPress Admin Dashboard / Video Gallery / All Videos / Add New“.
  2. Enter Basic Information:
    • Title: Provide a title for your video.
    • Description: Enter a description for your video.
  3. Add Video:
    • Locate the “Video” metabox.
    • Select the “Source Type” based on your video source:
      • Self Hosted / External URL: Choose this if you’re uploading an MP4, WebM, OGV file, or adding a direct video URL from external storage (e.g., Amazon S3, Dropbox, Google Drive).
      • Adaptive / Live Streaming: Choose this for HLS / MPEG-DASH streaming file formats.
      • YouTube: Choose this to add a YouTube URL.
      • Vimeo: Choose this to add a Vimeo URL.
      • Dailymotion: Choose this to add a Dailymotion URL.
      • Rumble: Choose this to add a Rumble URL.
      • Facebook: Choose this to add a Facebook URL.
      • Third-Party Player Code: Choose this to add an embed code from any third-party video sharing site or a shortcode from other WordPress player plugins.
  4. Add Thumbnail Image:
    • Upload a Poster Image: This image will appear as the thumbnail in galleries and as the poster before video playback.
    • Note: The plugin can auto-generate thumbnail images for YouTube, Vimeo, Dailymotion, and Rumble videos. The PRO version also auto-generates thumbnails for self-hosted videos using FFMPEG.
  5. Select Categories and Tags:
    • Use the respective meta boxes to assign categories and tags to your video.
  6. Complete the Form:
    • Fill in all required fields. Once complete, click Publish to save and publish your video.
  7. Retrieve Shortcode:
    • After publishing, you’ll find a shortcode for the video in the “Publish” meta box. You can use this shortcode to embed the video in a page or post.

Note: All videos added under the “All Videos” menu will automatically appear in gallery shortcodes and can be searched using the search form. Videos with selected categories and tags will also be displayed in their respective gallery shortcodes and can be filtered using search forms.

2. Directly in a Page or Post using the Shortcode or Block

You can add videos directly into your pages or posts using our shortcode or Gutenberg block. Below are examples of what typical shortcodes look like:

[aiovg_video src="https://www.youtube.com/watch?v=twYp6W6vt2U"]
[aiovg_video src="https://vimeo.com/108018156"]
[aiovg_video src="https://mysite.com/video.mp4"]
[aiovg_video src="https://mysite.com/playlist.m3u8"]
[aiovg_video src="https://mysite.com/stream.mpd"]

While you can manually create these shortcodes, we recommend using our built-in shortcode builder for a more user-friendly experience.

Steps to Generate a Shortcode:
  • Navigate to “WordPress Admin Dashboard / Video Gallery / Dashboard“.
  • Select the Shortcode Type as Single Video.
  • In the General section, choose your video source, player size, and other video behavior options like autoplay and muted.
  • When done, expand the + Player Controls section to enable or disable player controls.
  • Click the Generate Shortcode button and copy the shortcode.
  • Paste the shortcode into a shortcode block on the desired post or page and save your changes.
Add a Video Using the Gutenberg Block:

If you use the WordPress block editor to create a page or post, you can simply use our “AIOVG – Video Player” block to add your video. Refer to the screenshot below:

Scroll to Top