Disable audio playhead seeking

Sometimes we want to disable the playhead scrubbing so the user must listen to the entire audio file, instead of skipping ahead. There is an option for this in the video block, but not in the audio block. Use this theme component CSS to disable the playhead scrubbing/tracking for the entire course, an entire lesson, or for a particular block.

.audio-player__tracker {
  pointer-events: none;
}

/* to target a specific block */

div[data-block-id="4"] .audio-player__tracker {
  pointer-events: none;
}

/* target an entire lesson */

div[data-lesson-id="SVzQpufO4CFVpMobTm6oaZNo3NC3uIDF"] .audio-player__tracker {
  pointer-events: none;
}

Getting started with theme components? Download the blank theme component css file.
Watch: installing a theme component.


Posted

in