Support » Plugin: Media Playback Speed » Does this still work

  • Resolved mattschmitt

    (@mattschmitt)


    Is this plugin still active/working?

    I tried installing and am not seeing the speed control buttons. I tried changing to 2020 theme and deactivating all other plugins but still no luck.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author LewisCowles

    (@lewiscowles)

    Hi Matt,

    The plugin most assuredly works. It was designed for use with both old and new WordPress. Systems prior to Gutenberg and since. It retains compatibility with both systems.

    For older WordPress it augments the UI of the buttons for video, audio & playlists. WordPress uses something called mediaelement-js, which provides this UI, hiding the native HTML5 element.

    For newer WordPress, block-based media, you need to create your own controls, as the audio control you used looks like it looks, is a native audio control which will differ in appearance depending on browser, and cannot have controls added as far as I know. The scope to provide a custom UI for that is too large, and repeats the work of many others.

    I actually answered this 8 months ago in this very forum

    * https://wordpress.org/support/topic/how-can-i-make-this-plugin-work-with-the-audio-shortcode/

    I also have a sticky help post

    * https://wordpress.org/support/topic/advanced-how-to-create-global-or-non-shortcode-controls/

    Here is the code I added for page-level speed controls using a Custom HTML block, linked in the first forum support page.

    <div class="page-playback-speed-controls">
      <button type="button" class="playback-rate-button" data-value="0.5" title="Playback Speed 0.5x" aria-label="Playback Speed 0.5x">0.5x</button>
      <button type="button" class="playback-rate-button mejs-active" data-value="1" title="Playback Speed 2x" aria-label="Playback Speed 1x">1x</button>
      <button type="button" class="playback-rate-button" data-value="1.5" title="Playback Speed 1.5x" aria-label="Playback Speed 1.5x">1.5x</button>
      <button type="button" class="playback-rate-button" data-value="2" title="Playback Speed 2x" aria-label="Playback Speed 2x">2x</button>
    </div>
    <hr>

    The core of how this works is to add HTML elements with the class “playback-rate-button”. Because they are within an element of “page-playback-speed-controls” they control the speed of all media on the page.

    For advanced use-cases such as this one, I’d advise having a frontend developer, or contracting in that talent as support here stops short of the many complex professional decisions that should be made when implementing your own UI.

    Plugin Author LewisCowles

    (@lewiscowles)

    I’m marking this resolved as there was no response

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Does this still work’ is closed to new replies.