How to Create a WordPress Self-Hosted Video Gallery

This tutorial will show you how to create a WordPress self-hosted video gallery and add it to a WordPress post or page.

You can add the video files which are hosted on your own web server and create a video gallery in a few minutes.

There are 3 steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create a WordPress Video Gallery
  • Step 3 - Add WordPress Self-hosted Video Gallery to WordPress Page

Continue reading

How to Create a WordPress YouTube Grid Gallery

This tutorial will show you how to create a WordPress YouTube grid gallery and add it to a WordPress post or page.

You can add YouTube videos one by one, or add a YouTube playlist to create a WordPress YouTube playlist grid gallery. The WordPress YouTube playlist grid gallery will automatically and dynamically retrieve videos from the YouTube playlist and update itself when the playlist changes.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Create a WordPress YouTube Grid Gallery
  • Step 3 - Create a WordPress YouTube Playlist Grid Gallery
  • Step 4 - Add WordPress YouTube Grid Gallery to WordPress page

Continue reading

How to autoplay muted Vimeo video on page load

Product:

Wonder Gallery

Tutorial:

Due to restrictions from web browsers, iOS and Android devices, video autoplay on page load will not work unless the video is muted.

This tutorial will guide you how to create a Vimeo video player that will be muted, and will autoplay on page load. We will also discuss how to loop the video.

Continue reading

Add WordPress Gallery to WPBakery Page Builder

WPBakery Page Builder is a popular WordPress drag and drop page builder. This tutorial will guide you how to add a WordPress image and video gallery to WPBakery Page Builder.

There are 3 steps in this tutorial:

  • Step 1 - Download and install Wonder Gallery plugin
  • Step 2 - Create an image or video gallery in Wonder Gallery
  • Step 3 - Add the gallery shortcode to WPBakery Page Builder

Continue reading

How to add a Vertical WordPress Gallery to Elementor

Elementor is one of the most popular drag and drop WordPress page builders. This tutorial will guide you how to add a vertical WordPress Gallery to Elementor page builder.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create a vertical WordPress gallery in Wonder Gallery
  • Step 3 - Add the vertical WordPress gallery to Elementor

Continue reading

How to schedule images and videos in WordPress gallery

This tutorial will show you how to schedule images and videos in a WordPress gallery so the images and videos will only be displayed between the specified date and time.

There are 4 steps in this tutorial:

  • Step 1 - Check Timezone setting in WordPress
  • Step 2 - Install Wonder Gallery
  • Step 3 - Create new gallery and setup images and videos schedule
  • Step 4 - Publish the gallery and add it to WordPress page or post

Continue reading

How to add text controls to WordPress HTML5 video player for screen reader

WordPress video players normally have icon button controls. These controls are not seen by screen readers and are not accessible for blind and vision impaired people.

This tutorial will guide you how to create an HTML5 video player and add text controls to it. The text controls can be read by screen readers and can be used to play/pause video, fast forward, rewind, mute/unmute and go fullscreen.

The tutorial will also add accesskey attributes to the text controls so the video player can be controlled with keyboard shortcut keys.

Continue reading

How to create an accessible WordPress HTML5 video player

Player controls in video players are normally buttons. They are not seen by screen readers which makes the player not accessible for blind and vision impaired people.

This tutorial will guide you how to add extra text controls that can be read by screen readers. The text controls include play video, pause video, fast forward, rewind, mute/unmute and go fullscreen.

The tutorial will also show you how to add accesskey attribute to the text controls so the command can be activated with shortcut keys.
Continue reading