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

Last updated on

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

Last updated on

Accessibility is very important. 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 →

How to track WordPress video play events with Google Analytics

Last updated on

This tutorial will show you how to track WordPress video play events with Google Analytics.

There are 4 steps in this tutorial:

  • Step 1 - Install the WordPress plugin Wonder Gallery
  • Step 2 - Create a video player or video gallery with Wonder Gallery
  • Step 3 - Add Google Analytics Tracking ID to the gallery
  • Step 4 - View WordPress video play events in Google Analytics

Continue reading →

DailyMotion WordPress Video Gallery

Last updated on

Product

WordPress Gallery

Question

When searching for a WordPress plugin Embedded Video player that supports Dailymotion, your site always comes up as being DailyMotion compatible. How do I display videos which I have on my DailyMotion profile?

Answer

Our plugin WordPress Gallery supports DailyMotion.

1. In your DailyMotion video page, click the link Export, then copy the Permalink.

2. In WonderPlugin Gallery, step 1, click the button Add DailyMotion, enter the link and add the DailyMotion to the video gallery.

DailyMotion WordPress Gallery

Only 5 videos in YouTube playlist gallery

Last updated on

Product:

WonderPlugin Gallery Plugin

Question:

I'm very interested in the YouTube playlist gallery you offer. I have tested it out and I love the functionality but I also noticed there is only 5 videos from each playlist I can scroll through. I was wondering if there is a way to include all the videos from a given playlist?

Answer:

In the "Add YouTube Playlist" dialog, enter a large value, for example, 50, to the field "Maximum results (optional, default is 5)".

If you don't enter any value, it will only get 5 videos from the Youtube playlist.