-
Posts
-
Hi.
SOLVED
I had a lot of problems getting the mute/unmute buttons to show up at all. Finally made it but now I have a problem that the mute/unmute function does not work, and I am not able to get sound at all on the video background. I don’t think child functions.php or sections/section.php are read at all. I have imported enfold theme settings to child theme.New problem:
Now it seems Google Chrome do not allow autoplay on videos with sound which can be read about here https://developers.google.com/web/updates/2017/09/autoplay-policy-changesIs there a way to start the video background in a color section muted, and have a button to unmute it?
Running wordpress 4.9.6 with Enfold 4.4.1
Hey Jimmy-K,
Awesome! Glad you got it working for you. :)
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
IsmaelHi Ismail.
Part of it was solved but this still remains:
Now it seems Google Chrome do not allow autoplay on videos with sound which can be read about here https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Is there a way to start the video background in a color section muted, and have a button to unmute it?
Running wordpress 4.9.6 with Enfold 4.4.1
Hi Jimmy-K,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
VictoriaIs that video a selfhosted video?
you can see here a workaround on selfhosted video with mute/unmute button and it starts on chrome aswell:
https://webers-testseite.de/mute-unmute/on safari – it does not work!
Hi Guenni.
Yes 4.4.1 with a self hosted video. After changing video_mute to false in section.php I got it running with the mute/unmute tweak. But not on Chrome. I guess the problem is to unmute when video_mute is set to true.I see now that you made some more tweaks to the function and I will try it as soon as I get home.
Thanks for helping
It works beautiful on Chrome, Firefox and Edge. Thanks for that. How do you handle Safari browsers? Is there a way to show something else for them?
Regards,
PeterHi,
The theme applies special class attributes to the html tag based on the current browser. You can use that to display a different element for Safari users. Example:
.element-to-display { display: none; } .avia-safari .element-to-display { display: block; }Best regards,
Ismael@Guenni007, Thanks anyway,you have been very helpful and I’ll see if I can figure something out from Ismaels post to handle the 2% that uses Safari on desktop..
@Ismael Thanks, I’ll try to figure out a way to publish something else with the avia-safari element.Hi Jimmy-K,
Thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
RikardI can’t really figure out how to change display on Safari. I tried
.page-id-6988 .avia-safari .only-chrome{ display: none !important; }Where to color-section custom CSS is only-chrome. I also tried:
`.page-id-6988 .avia-safari .av_section_4{
display: none !important;
}
Which is the section number on page id 6988Hi,
The browser class is in the html tag, and the page ID class is in the body tag, so you would have to switch their places. Something like this:
.avia-safari .page-id-6988 .only-chrome{ display: none !important; }You have to follow the DOM tree structure in your CSS selectors, otherwise it won’t work.
Best regards,
Rikard
- You must be logged in to reply to this topic.