Able Player, accessible HTML5 media player
This plug-in uses Able Player, an open-source fully-accessible cross-browser HTML5 media player, to embed audio or video within your WordPress page. Instructions for Use There are currently three ways to add an Able Player instance to a WordPress site: Go to Settings > Able Player > Settings and enable the options to use Able Player for all video, audio, and playlists. Able Player will automatically replace MediaElement.js or the default WordPress video/audio blocks with Able Player. Go to Settings > Able Player > Shortcodes to generate an [ableplayer] shortcode. Enter or paste any valid HTML5 Able Player code into your web page. Full documentation is available on the Able Player project page on GitHub. Using the media rewriting in option #1, Able Player will replace any audio or video block. Any tracks added to that block will be automatically handled, giving you support for all the standard Able Player features: captions, navigable transcripts, subtitles, chapters, and audio description. Using option #2, you can create Able Player shortcodes that support most of the basic Able Player features, with support for Vimeo, YouTube, or local video. Option #3 supports the full scope of Able Player features. The [ableplayer] shortcode The [ableplayer] shortcode supports the following attributes. Required attributes (one of these) youtube-id – 11-character YouTube ID or YouTube URL. vimeo-id – Vimeo ID or URL. media-id – An attachment ID for a media file in your WordPress media library or the URL to a hosted video. Additional Player Content captions – Attachment ID or URL to .vtt captions file. Optional pipe separator for language code and label. subtitles – Attachment ID or URL to .vtt subtitles file. Optional pipe separator for language code and label. chapters – Attachment ID or URL to .vtt chapters file. Optional pipe separator for language code and label. descriptions – Attachment ID or URL to .vtt audio descriptions file. Optional pipe separator for language code and label. youtube-desc-id – YouTube URL or ID of a described version of the video youtube-sign-src – YouTube URL or ID of a sign language interpreted accompanying video vimeo-desc-id – Vimeo URL or ID of a described version of the video All captions, subtitles, chapters, and descriptions tracks must be in .vtt format. The shortcode only supports a single set of values for each type of data; to add multiple tracks of the same type you can use the Video block or add custom HTML. Either an attachment ID or a URL for your track .vtt is required; you can optionally add a language code and a custom label: captions="/path/to/file.vtt|es|Español" By default, the language will be your WordPress installation language, with the labels “Captions”, “Subtitles”, “Chapters” or “Audio Description”. Player Options youtube-nocookie – “true” or “false” (use “true” to embed YouTube untracked, for added privacy) autoplay – “true” or “false” (default is “false”) loop – “true” or “false” (default is “false”) playsinline – “true” or “false” (default is “true”). By setting to “false”, some devices (e.g., iPhones) will play the video in their own media player rather than in Able Player. hidecontrols – “true” or “false” (default is “false”). Set to “true” to enable the player controls to fade away during playback. They will appear again if the user hovers over the player or pressing a key, and they are always accessible to screen reader users. poster – the URL of a poster image, displayed before the user presses Play width – a value in pixels (by default, the player will be sized to fit its container) height – a value in pixels (by default, the height of the player will be in proportion to the width) heading – The HTML heading level (1-6) of the visually hidden “Media Player” heading that precedes the player (for the benefit of screen reader users). If omitted, a heading level will be intelligently assigned based on context. speed – “animals” or “arrows” (default is “animals”) start – start time at which to start playing the media, in seconds. Some browsers do not support this. volume – “0” to “10” (default is “7” to avoid overpowering screen reader audio). Some browsers do not support this. seekinterval – number of seconds to forward/rewind with the Forward and Rewind buttons. If omitted, the interval will be intelligently assigned based on length of the video. nowplaying – “true” or “false” to include a “Selected Track” section within the media player (default is “false”). transcript-div – ID attribute of a target element that will contain the video transcript id – a unique id for the player (if omitted, one will be automatically assigned) Examples Example 1 This example uses HTML to add an audio player to the page, with one source (an MP3 file). html Example 2 This example uses HTML to add a video player to the page, with one source (an MP4 file) and four tracks (for captions, descriptions, and chapters in English; and subtitles in Spanish). html Example 3 This example uses the shortcode to add a video player to the page, with one source (an MP4 file) and four tracks (for captions, descriptions, and chapters in English; and subtitles in Spanish). All sources are fetched as WordPress media attachments. html [ableplayer poster="21" media-id="24" captions="25|en|English" subtitles="26|es|Español" descriptions="27" chapters="28"] Example 4 This example uses a shortcode to add a YouTube player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button). [ableplayer youtube-id="XXXXXXXXXXX" youtube-desc-id="YYYYYYYYYYY"] Example 5 This example uses a shortcode to add a Vimeo player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button). [ableplayer vimeo-id="XXXXXXXXX" vimeo-desc-id="YYYYYYYYY"] The Able Player plugin was originally created by Terrill Thompson.
Top keywords
- player33×3.42%
- video17×1.76%
- able16×1.66%
- able player16×1.66%
- id14×1.45%
- url12×1.24%
- audio11×1.14%
- default11×1.14%
- false11×1.14%
- example10×1.04%
- add9×0.93%
- captions9×0.93%
Presto Player
Turn ordinary videos into a polished, branded viewing experience. Build customizable video experiences for your WordPress website Presto Player is a WordPress video player that helps you add fast, on-brand video to your site — built natively for the Block Editor and every major page builder. Use it for course lessons, landing pages, marketing videos, and customer testimonials — anywhere you want clean, on-brand playback you control. Presto Player is built for: Marketers Online course creators Coaches / trainers Bloggers eCommerce store owners Niche sites Businesses Local businesses Startups Personal brands Real estate agents Artists & photographers Any website with video Presto Player is built on WordPress, an open platform you fully control. Features Built specifically for the Block Editor. Works with all page builders Custom Elementor & Beaver Builder modules. Multiple video presets. HTML5, YouTube and Vimeo video support. LMS Learner controls. LearnDash Video Progression Multilingual Captions. Player branding. Custom poster images. Lazy load HTML5 and YouTube video for better performance. Kadence Theme Integration RankMath Integration AutomatorWP Integration Global video hub. Pro Features Secure, self-hosted private video for logged-in users. Public and private video via Bunny.net. HLS Adaptive Streaming. Video analytics. Google analytics integration. Muted autoplay preview Video chapters. Custom video presets. Bunny.net integration. Why Presto Player? Free to start — Presto Player is free, so you can add video to your site without a monthly subscription. Open and WordPress-native — Presto Player is built on top of WordPress, so your player settings, content, and data live in your own site. You own your data — Your videos and viewer data stay on your domain and under your control. Join the Presto Player community Join our Facebook group to learn how other Presto Player users grow their businesses and to get early news on upcoming features. Terms And Conditions | Privacy Policy External services Presto Player can connect to the third-party services below. Each connection, the data that is sent, and when it happens are described here. YouTube and Vimeo (only when you embed their videos): Embedding a YouTube or Vimeo video loads that video from the service in the visitor’s browser, which sends the visitor’s IP address and playback interactions to that service. This only happens for videos you choose to embed. YouTube: Terms of Service and Privacy Policy Vimeo: Terms of Service and Privacy Policy Usage tracking (opt-in, disabled by default): If you explicitly opt in, the plugin periodically sends non-sensitive environment data — such as PHP and WordPress versions, active plugins and theme, site locale, and which plugin features are used — to Brainstorm Force to help improve the product. It is off until you give consent, and you can opt out at any time. Usage tracking details and Privacy Policy Feedback survey (optional): The plugin may show an in-dashboard NPS feedback survey. If you choose to submit it, your rating and optional comment are sent to Brainstorm Force. Privacy Policy License activation (Presto Player Pro only): If you use Presto Player Pro, activating or validating your license contacts the Presto Player account server to verify the license key for your site URL. Terms of Service and Privacy Policy