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:

• WordPress Block Editor: Block Settings
• How To Use The WordPress Block Settings Section
• How To Use WordPress Blocks

***

Block Settings – Audio

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

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.

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

Preload

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

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.

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:

• The WordPress Block Editor (Gutenberg)
• How To Use WordPress Blocks
• How To Use The WordPress Block Editing Toolbar
• How To Use The WordPress Block Editor Content Area
• How To Use The WordPress Block Editor Settings Section
• WordPress Block Editor: Block Settings

***