Html5 Audio Player Docs

  1. Home
  2. Docs
  3. Html5 Audio Player Docs
  4. Guides
  5. Display the Player

Display the Player

Using ShortCode

  1. From your admin dashboard, click on Add New Player under the HTML5 Audio Player menu.
  2. Give a title of the player. (optional)
  3. Upload an audio file.
  4. Copy the shortcode. (you can also copy the shortcode after published)
  5. Now publish/save the post.
HTML5 Audio Player- ShortCode Settings
HTML5 Audio Player- ShortCode Settings

Paste the shortcode in post, page, or text widget content. Save and view the content, you will see a audio player.

HTML5 Audio Player- ShortCode Standard Default Preview
HTML5 Audio Player- ShortCode Standard Default Preview

Using Gutenberg

  1. Go to your Gutenberg Editor.
  2. Insert HTML5 Audio Player block.
  3. Upload an audio file.
HTML5 Audio Player- Gutenberg Add Block
HTML5 Audio Player- Gutenberg Add Block
HTML5 Audio Player- Gutenberg Settings
HTML5 Audio Player- Gutenberg Settings

Save and view the content, you will see a audio player.

HTML5 Audio Player- Gutenberg Preview
HTML5 Audio Player- Gutenberg Preview
Was this article helpful to you?

How can we help?