Maximize your WordPress site's potential with our versatile HTML5 Audio Player plugin. Seamlessly play .mp3, .wav, .ogg, and more audio files.
You can add/embed and play almost all types of audio files in your post, page, and widgets areas as well as in the template files. HTML5 Audio Player has many options and features that fit your audio player needs.
HTML5 Audio Player can play on all major browsers. Our audio player plugin is shortcode-driven, so adding audio players to any part of your website becomes easy. Also, the HTML5 audio player plugin is lightweight so it doesn’t put any pressure on your website speed and performance.
HTML5 Audio Player plugin prioritizes user convenience with full control over buttons and compatibility across major browsers and iOS devices.
With responsiveness and a lightweight design, it’s suitable for various uses such as podcast embedding and audio file previews.
Other features include customizable color options, fast forward/rewind buttons, preload options for enhanced page load speed, ad-free experience, and control over player elements like restart, download, play, progress bar, duration display, mute, volume, settings, and playback speed adjustment.
Embed audio player in the post, page, widget area, and theme templates
The audio player is compact so it does not take up a lot of space on your webpage.
Support play inline.
Controls over all the buttons.
Shortcode driven. So it’s more powerful and you can add an audio player anywhere on your website.
It’s very easy to use which means you don’t have to be an expert to use this plugin.
HTML5 compatible so the audio files embedded with this plugin will play on iOS devices
Works on all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome, edge
The audio player is responsive.
If you do podcasting then this audio player can be used to embed the audio files on your WordPress posts or pages
If you are selling audio files from your site then you can use this plugin to offer a preview for your users to see the file before purchasing
Use the autoplay option to play an audio/mp3 file as soon as the page loads
Ability to specify both the MP3 and Ogg versions of your audio files. The plugin will play the appropriate one based on the device of the user.
Lightweight and user-friendly
HTML5 Audio Player Pro Version Features
Here are the pro features of this WordPress audio player for website-
Color-changing options. You can add different color customizations to the audio players
Show Fast Forward And Rewind Button
Increase Page load speed by changing Preload Options and improve performance
No Ads
Hide / Show Restart Button
Hide / Show Download Button
Hide / Show Play Button
Hide / Show the audio Progress bar
Hide / Show audio duration in the player
Hide / Show Mute Button
Hide / Show the volume Control
Show / Hide Setting button in the Player
Control the audio speed by setting a button
Audio Player with a single Play Button
HTML5 Audio Player step-by-step guide
After installation, you can see a sidebar menu in the WordPress dashboard called “HTML5 Audio Player”
Add one or more players from there.
You will get Shortcode for every player On the player list.
Copy Shortcode for the player you wanna publish and add to your website
Past the shortcode in the post, page, and widget areas of your website to publish them. if you want to publish a player in a template file use
You can also use this shortcode [audio_player src=”https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4″ width=”100%”] to publish a audio player
Enjoy!
Gutenberg Block
HTML5 Audio Player plugin adds a Gutenberg Block Called HTML5 Audio Player Under the Common Category
Go to your WordPress Admin interface and open a post or page editor.
Click the plus button in the top left corner of the body of your post/page.
Search or look for the block in the Common Block Category and select HTML5 Audio Player.
Click the Icon to add the player.
Select An Audio Player
Publish and Enjoy!
For installation help click on Installation Tab
User Feedback
❛❛I bought a second license for another site because this plugin satisfied all my needs. I had a small problem on this new site and support solved the problem within hours of my request. Thank you so much. You are awesome.❜❜
-pripyat51
❛❛Loving the player and the support they have provided. The new features are exactly what we need. Thank you!❜❜
-hoffmaw
Like that plugin? Hate it? Want a new feature? [Send me some feedback](mailto: [email protected] “Send feedback”)
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPresss.
🔥 StreamCast – A fully-featured Radio Player Plugin for WordPresss.
🔥 3D Viewer – Display interactive 3D models on the webs.
Installation
This section describes how to install the plugin and get it working.
e.g. 1. Upload plugin-directory to the /wp-content/plugins/ directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Use the shortcode on the page, post, or in widgets. 4. If you want Player in your theme php, Place <?php echo do_shortcode('YOUR_SHORTCODE'); ?> in your templates.
Screenshots
Sidebar menu
UI
Player configuration
Shortcode Generator
FAQ
How do I install this plugin?
You can install it as other regular WordPress plugins. No different way. Please see on installation tab.
Can I play a video such as a mp4 file?
No, But you can try my other plugin called “HTML5 Video Player”
What type of audio can I play?
You can play .mp3, .oog, and .wav audio files.
Changelog
2.2.24 – 25 June, 2024
Fixed: Patchstack Vulnerability
2.2.23 – 15 May, 2024
Fixed: Double player issue
2.2.22 – 9 May, 2024
Feature: Enable/Disable Loader
Fixed: audio doesn’t play old (before 2018) iOS devices.
Feature: Set start time (premium)
2.2.19 – 3 Feb, 2024
Fixed: m4a issue in safari
2.2.18 – 27 Jan, 2024
Feature: Quick Player / New Shortcode Added
Fixed: Deprecated: Creation of dynamic property
2.2.17 – 4 Dec, 2023
Fixed: File does not exist
2.2.16 – 22 Nov, 2023
Fixed: default player not working
2.2.14 – 25 Sep, 2023
Fixed: call to undefined function str_contains
2.2.13 – 20 Sep, 2023
Fixed: Deprecated error from Codester
2.2.12 – 18 Sep, 2023
Option to set initial volume in Elementor addon
2.1.10
Elementor Addons Added
Gutenberg Block Added
2.1.5
solve audio player duration stuck issue
1.3
Enabled Direct file download with the original file name.