Adding button to mute/unmute audio on fullscreen background video

Hi,

Thank you for that info.

Do you see that error when the Performance > File Compression settings are disabled? Based on the stack trace, the scripts are compressed, so we are not really sure where the error actually occurred or started. But it looks like it has something to do with the _html5_play function in the enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow-video.js file.

Best regards,
Ismael

Hi!

Sorry for the delay. We are still not sure why this is not working on Safari browsers. Could you provide a screenshot of the errors again without compression enabled? Please place the screenshot in the private field.

Best regards,
Ismael

Hi,

That is odd. This might be another issue brought by the latest version of the jQuery library. Have you tried downgrading jQuery to the legacy or old version? Please try to install this plugin and set jQuery to the old version.

// https://wordpress.org/plugins/enable-jquery-migrate-helper/

Thank you for your patience.

Best regards,
Ismael

Hi,

Unfortunately, we are still not sure why this issue occurs on Safari. You may need to hide the audio toggle on that particular browser, or completely disable the custom modification.

To hide the audio button on Safari, please use this css code.

.avia-safari .custom-mute {
   display: none !important;
}

Best regards,
Ismael

Hi,

@Haula82: Please check this thread for the latest version of the modification. https://kriesi.at/support/topic/html-for-turning-on-audio/#post-1432783

If you need more help, feel free to open another thread.

Best regards,
Ismael