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

How to track WordPress video play events with Google Analytics

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

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