Html5 Audio Player

plugin banner

Html5 Audio Player is a awesome audio player plugin for your wordpress website.

Author:bPlugins (profile at wordpress.org)
WordPress version required:5.2
WordPress version tested:6.4.3
Plugin version:2.2.19
Added to WordPress repository:11-11-2015
Last updated:08-04-2024
Rating, %:94
Rated by:161
Plugin URI:https://bplugins.com/products/html5-audio-pla...
Total downloads:276 683
Active installs:10 000+
plugin download
Click to start download

Play .mp3, .wav, .ogg audio file in WordPress. A Simple, accessible, Easy-to-use & fully Customizable audio player that works on all devices. You can Play and embed a nice audio player in the post, page, and widgets areas as well as template files. It Has tons of options that can fit your audio player needs.

See Live Demo
Buy The Pro

How to use it?

Here is a quick tutorial.

[audio_player src="video src" width="100%"]

Features

  • Embed audio player in the post, page, widget area, and theme templates
  • The audio player is compact so it does not take a lot of real estate on your webpage.
  • Support play inline.
  • Controls over all the buttons.
  • Shortcode driven. So it’s more powerful.
  • 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
  • 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
  • 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.
  • Lite Weight

Pro Version Features

What’s New in PRO?

  • Color-changing options.
  • Show Fast Forward And Rewind Button
  • Increase Page load speed by changing Preload Options.
  • 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.
  • Player with single Play Button.

How to use

  • After installation, you can see a sidebar menu in the 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
  • Past the shortcode in post, page, and widget areas 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%”]
  • Enjoy!

Gutenberg Block

  • This 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 or in the body of the post/page.
  • Search or See in Common Block Category and select HTML5 Audio Player.
  • Click the Icon to add it.
  • Select A Player

  • Publish and Enjoy!

  • For installation help click on Installation Tab

Feedback

Like that plugin? Hate it? Want a new feature? [Send me some feedback](mailto: support@bplugins.com “Send feedback”)

Screenshots
FAQ
ChangeLog