The Ultimate No-Code Podcast, MP3 & Audio Player Plugin for WordPress
HTML5 Audio Player |
Documentation |
Pricing |
Support |
Demo
https://youtube.com/watch?v=6ZHKarDpllQ
HTML5 Audio Player is a powerful, lightweight, and fully responsive audio player plugin for WordPress. It lets you embed MP3 and OGG audio files into posts, pages, widget areas, or template files using shortcodes, no coding required.
Built with modern HTML5 technology, this plugin works across all major browsers and iOS devices, ensuring reliable playback on any screen size. Its shortcode-based setup gives you full control over placement and player settings, making it suitable for podcasts, music tracks, audio previews, or online courses.
Key Features – Free Version
- Advanced Player Types: Choose from Standard, Sticky Player, or Audio Playlist Player (New in Free!).
- Audio Playlist Block: Create and embed fully-featured audio playlists with custom tracks directly in the block editor (Previously a PRO-only block!).
- Standard Player Skins: Access Default, Fusion, Stamp, and Wave skins for free.
- Sticky Player Skins: Access Simple and Fusion skins for free.
- Embed Anywhere: Add audio to posts, pages, widgets, and theme templates using shortcodes.
- Responsive & Lightweight: Adapts to all devices and doesn’t slow down your site.
- Customization Options: Adjust width, border radius, and poster images.
- Title & Author Support: Display custom audio titles and author names.
- Autoplay, Preload & Mute Options: Define how your audio behaves upon loading.
- Repeat Control: Loop your audio seamlessly.
- Lazy Load Support: Optimize page load speed by loading the player and audio resources only when they enter the viewport.
- Great for Podcasts: Perfect for embedding podcast episodes or audio courses.
- MP3 & OGG Support: Automatically loads the right format based on user’s device.
- Google Drive Audio Support: Seamlessly play audio files directly from Google Drive. Our built-in smart proxy bypasses Google's restrictions and CORS errors, ensuring smooth playback and accurate duration display.
- SoundCloud Streaming Support: Stream tracks seamlessly by pasting their page URLs directly. Bypasses strict access rules, authorization requirements, and expiring CDN URLs for a smooth visitor experience.
- Cross-Browser Support: Works smoothly on Chrome, Firefox, Safari, Edge, IE7–IE9, and more.
Pro Version – Unlock Premium Audio Controls
Upgrade to the
Pro version for more control over design, behavior, and playback settings.
What’s Included in Pro:
- Advanced Playlist Designs & Custom Skins: Unlock additional premium designs (like Narrow and Extensive playlist skins) and custom settings.
- 7 Additional Premium Skins: Access Card 1, Card 2, Simple 1, Simple 2, Player 9, Player 10, and Player 11.
- Color Customization: Set custom primary and background colors to perfectly fit your site’s branding.
- Download buttons: Add download buttons to your player.
- Fast Forward & Rewind Buttons: Enhance navigation with custom seek time settings.
- Start & End Time Settings: Specify exactly when the audio should start and stop playing.
- Disable Pause Option: Keep audio playing without interruption.
- Save State Functionality: Save the player's time state so it resumes from where the user left off.
- Premium Sticky Player Features: Unlock Background Color, Repeat, Save State, Initial Volume, and Download Button for Sticky Players.
- Single Button Player: Minimalist design for single-action audio playback.
- Ad-Free Experience: No ads, ever.
Try the HTML5 Audio Player PRO – Unlock all premium features now!
How to Use – Step-by-Step Setup
Getting started is quick and easy.
https://youtu.be/B7HnUaAm9Xs
Step-by-Step Setup
- Install and activate the plugin.
- In the WordPress dashboard, go to the HTML5 Audio Player menu.
- Add a new player and copy the generated shortcode.
- Paste the shortcode into any post, page, or widget.
- Done – enjoy seamless audio playback!
Gutenberg Block Support
Using the Block Editor? You’re covered.
- Open a post/page editor.
- Click the + icon, go to Common Blocks, and select HTML5 Audio Player.
- Choose your audio player and hit the Publish button.
Enjoy crystal-clear audio in just a few clicks!
Live Demo |
Upgrade to Pro
This section describes how to install the plugin and get it working.
e.g.
- Upload
plugin-directory to the /wp-content/plugins/ directory
- Activate the plugin through the 'Plugins' menu in WordPress
- Use the shortcode on the page, post, or in widgets.
- If you want Player in your theme php, Place
<?php echo do_shortcode('YOUR_SHORTCODE'); ?> in your templates.