![]() Different computer systems (Windows or Mac) and different web browsers have different ways to access the keyboard shortcut, please view the tutorial: HTML accesskey Attribute. In the HTML code, the accesskey attribute defines the keyboard shortcut for the commands. To exit the full screen, please press the ESC key on the keyboard. ![]() The above code adds 6 text controls: play video, pause video, forward 10 seconds, rewind 10 seconds, toggle mute and go fullscreen. If your gallery has a different ID, make sure to change the number. The digit 1 is the ID of the created gallery. In the above code, there is a code snippet #wonderplugingallery-1. You can add the following HTML code to the WordPress page or post to create extra text controls for the player: If you use the plugin to play YouTube or Vimeo videos, the player will not be accessible. Please note, the video player will only be accessible when you add an mp4 video file and create an HTML5 video player. In the Add Video dialog, upload an mp4 video file or enter your mp4 video URL. In the gallery editor, step 1, click the button Add Video. Step 2 - Create an HTML5 video playerĪfter you have installed the plugin Wonder Gallery, in your WordPress backend, left menu, goto Wonder Gallery -> New Gallery, create a new gallery. You can download the free version from the plugin home page, test it, make sure it works for you before upgrading to the commercial version. Web Stream Video JS Front End New Hourly Posted 19 hours ago notsure Hours needed 1 to 3 months Duration Expert Experience Level Frontend developer with HTML/CSS/Javascript expertise Familiarity with HTML5 Video Player technologies using browser Media Source Exte VB. ![]() ![]() The tutorial will also add accesskey attributes to the text controls so the video player can be controlled with keyboard shortcut keys.įirst please install the premium plugin Wonder Gallery. Do you use WordPress Video.js player plugin to embed mp4 videos This video shows how you can disable right click on 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. This tutorial will guide you how to create an HTML5 video player and add text controls to it. These controls are not seen by screen readers and are not accessible for blind and vision impaired people. WordPress video players normally have icon button controls. ![]()
0 Comments
Leave a Reply. |