Services Plugins FAQs

Volume issues with Responsive & Stylable Video Player

Plugins
#1

I just purchased the plugin and using it to embed dynamic videos in the page. I am setting the video player to auto-play muted on page load, and added a sound on/off button below the video to mute and unmute the video by increasing/decreasing the volume by 1.

This works fine in desktop browser, but decrease volume doesn’t work at all on mobile (iOS/Safari) regardless of the step that I set for the volume.

How can I fix this?

Thanks

#2

Hey @Miro ,

Thanks for reaching out!

The issue you’re running into is actually a common restriction on iOS/Safari. Apple has pretty strict rules when it comes to autoplay and volume control, which is why the “decrease volume” action isn’t working as expected on mobile.

What’s Happening?

:pushpin: iOS doesn’t allow JavaScript to change the volume of a video unless the user interacts with it first.
:pushpin: Even if the video autoplays (muted), iOS requires a manual tap before you can adjust the sound.
:pushpin: Your mute/unmute button might not count as a valid interaction for Safari.

How to Fix It (workaround) ?

:white_check_mark: Option 1: Play the video before changing volume
Since iOS needs user interaction first, a good trick is to play the video when the user taps the mute/unmute button and then adjust the volume.

Try this setup in your workflow:
:arrow_right: When the “Unmute” button is clicked:
:one: Play the video (Responsive & Stylable Video Player → Play)
:two: Set volume to 1

This way, iOS recognizes it as a valid interaction.

:white_check_mark: Option 2: Add a “Tap to Enable Sound” overlay
Another approach is to make it super clear for users by adding a button that asks them to tap before enabling sound.

How to set it up:
:one: Place a transparent button over the video that says “Tap to enable sound”.
:two: When tapped:

  • Hide the button
  • Play the video
  • Set volume to 1

This forces iOS to recognize the action and allows volume control! :tada:

Hope this helps! Let us know if you have any other questions—we’re happy to assist. :blush:

Best Regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

#3

Thanks for the reply.
The volume increase workflow works on iOS without issues. The volume decrease doesn’t work.
I tested another page without the plugin using simple javascript, and both increase and decrease volume work on iOS.
The only conclusion I can draw here is that there is a bug with the plugin’s decrease volume workflow action, unless I am missing something

#4

Hi @Miro ,

Thanks for testing further and sharing your findings! :pray:

Since volume increase works on iOS but volume decrease does not, this could indeed be something worth investigating on the plugin side.

To help us pinpoint the issue, could you confirm:

  • The exact workflow setup you’re using to decrease the volume (e.g., are you using the Set Volume action or another approach?).
  • Whether the issue occurs on all videos or just specific formats.
  • If there are any errors in the browser console logs when trying to decrease the volume.

In the meantime, we’ll pass this along to our dev team for review. If it’s a potential bug, we’ll work on a fix and update you as soon as possible.

Appreciate your patience, and thanks for bringing this to our attention! :blush:

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
Banner_Last3

#5

Please refer to my first post for repro detail. There is no action called set volume (increase or decrease volume actions). The plugin works on desktop but not on mobile (hence no error console). And I haven’t tested it with different video formats, but the same video works when I used javascript without the plugin.