Controls or Buttons not showing up about media-playback-speed HOT 3 OPEN

Hello 👋,

I would like to start by thanking you for the wealth of information you have attached. 🏆

I cannot recall encountering this specific issue, but I think I can narrow down where this is going wrong by asking you to include a custom html block on a page or post.

As you won’t provide a public url, that is the best I can do. It’s purpose would be to include custom html with page-wide controls, which should work in any case. Will that work for you?

Also, have you tried turning off other plugins and themes, so you can know which one(s) lead to this behaviour?

lastly can I ask why a pdf for the screenshot? This issue would be a great place for all that information.

from media-playback-speed.

Hi Lewis,

Thanks for your prompt reply. I will crank up our dev version of the instance next week (workload permitting) and try creating a custom html block.

I've tried turning off the plugins, but the problem persisted. I haven't tried using a different theme, so I'll try that if the custom html block doesn't give me any joy.

The reason I pdf'ed all the screenshot info is because from personaI experience, I know that lazy programmers like me prefer to scroll directly to the solution without having to plough through lines of code. If I get a solution though, I will post full details here.

Thanks again for your help.

from media-playback-speed.

This does sound like the theme is in some way interacting with the plugin. It's a fairly simple plugin, which simply adds a template to the footer, and enqueues some JavaScript.

The custom HTML would be this snippet from https://wordpress.org/support/topic/does-this-still-work-34/

<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>

If this does not work, then I would check if the JavaScript is enqueued. There are many plugins and themes that believe they have a "one-click way to make everything fast"... Unfortunately they usually do this poorly.

The JavaScript, tag that should be included is

<script src="/wp-content/plugins/media-playback-speed/playback-speed.js?ver=1.2.1" id="cd2-media-playback-speed-js-js"></script>

from media-playback-speed.