Html5 Audio Player Docs Html5 Audio Player Docs

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

Display the Audio Player

Here how you can Display the Audio Player,

Using ShortCode

  1. From your admin dashboard, click on Add New Player under the HTML5 Audio Player menu.
  2. Give the 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 an 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 an audio player.

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

How can we help?