WordPress Block Editor - Block Settings: Audio

WordPress Block Editor – Block Settings: Audio

This tutorial is part of our series on using common block settings in the WordPress Block Editor Settings Section.

In this tutorial, you will learn how to customize a block’s video settings and properties.

For a complete understanding of how to use the WordPress Block Editor, see the other tutorials in this series:

***

Block Settings – Audio

Some types of blocks allow you to customize and edit their audio settings and options.

WordPress Block Editor - Block Settings: Audio
Block Settings: Audio

info

Note: Block types that support audio properties must be selected in the content editor area to display the settings in the Block Settings panel.

Note: A block’s audio settings may include additional options depending on which type of block you are using and what plugins and themes are installed on your site.

If you need help using block settings, see this tutorial: WordPress Block Editor: Block Settings

Audio Options

Here are the default settings and options available for blocks that support audio files:

Audio Settings

  • Autoplay (On/Off) – Set the audio to begin playing as soon as the page is loaded on a visitor’s browser.
  • Loop (On/Off) – Set the audio file to loop after playing.
Block Settings: Audio
Default block settings for audio.

You can turn the above audio settings on or off by switching the toggle for that function.

Toggling audio settings on and off.
Toggle audio settings on and off to enable or disable them.

Preload

This option allows you to select how much of the audio file is downloaded when the page or post is loaded.

Audio Settings - Preload section
Select a Preload option from the dropdown menu.

While it may be tempting to go ahead and have the whole file download automatically, this can slow your page’s load speed down.

Settings include:

  • Browser default – The user’s browser settings control the audio file’s download.
  • Auto – The audio starts loading as soon as the page loads. The entire audio file is downloaded, regardless of whether the visitor clicks the Play button or not. Note: This will create the biggest impact on your page or post’s load speed, especially with larger audio files.
  • Metadata – Only basic info about the file (i.e. metadata) will be downloaded automatically: dimensions, first frame, tracklist, duration, etc. Like the None option below, the audio file only begins downloading when someone clicks Play. This setting is also very fast, as the only thing downloaded is text. There’s not much difference between selecting None and Metadata.
  • None – No preload is done. Nothing about the audio file is downloaded automatically. The download of the audio file only begins when your visitor clicks the Play button. This is the fastest setting.
Block Settings: Audio
Block Settings: Audio

Remember to save your work after making changes to update your block’s settings.

Congratulations! Now you know how to adjust your block’s audio settings.

Additional Block Settings

Click on a tutorial from the list below to learn about using other common block settings in the WordPress block editor.

***

For more tutorials in this series, go here:

***

Print Friendly, PDF & Email

Terms Of Use | Privacy Policy

Scroll to Top