-
Posts
-
Good Morning : ) I hope you are having a beautiful day!
I am having 2 issues:
1. On desktop the audio does not play automatically with the video, it is muted. When I unmute the video I am unable to select the slider to increase the volume. I would like for the audio to auto play with the video so there is no user interaction.
2. On mobile I am unable to get a video to play at all using one of the template video players. I am however able to play the video in a “Color Section” as a background video, but in this way there is no audio. How do I get video to auto play with audio on mobile?
Thank you for your help. I am grateful for your time and knowledge!
Hi envisageiam,
1. On desktop the audio does not play automatically with the video, it is muted. When I unmute the video I am unable to select the slider to increase the volume. I would like for the audio to auto play with the video so there is no user interaction.
I’m afraid there’s no way to it since it’s the major browser’s policy (like Chrome, Firefox, Safari) that setups this rule to prevent unmuted videos to autoplay.
Here are some of the references:
– https://developer.chrome.com/blog/autoplay/Chrome’s autoplay policies are simple:
– Muted autoplay is always allowed.
– Autoplay with sound is allowed if:
– The user has interacted with the domain (click, tap, etc.).
– On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
– The user has added the site to their home screen on mobile or installed the PWA on desktop.
– Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.– https://support.mozilla.org/en-US/kb/block-autoplay
Firefox blocks all media with sound from playing automatically, by default.
2. On mobile I am unable to get a video to play at all using one of the template video players. I am however able to play the video in a “Color Section” as a background video, but in this way there is no audio. How do I get video to auto play with audio on mobile?
Similar with #1 autoplay videos are permitted only if it’s mutedI hope this information helps.
Best regards,
NikkoOk, but this still doesn’t resolve the issue of the player itself not working. I am unable to unmute and turn the volume up manually. It won’t let me select the volume slider.
Additionally, I can’t even get the video to show on mobile.
Hi envisageiam,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( to be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.Best regards,
NikkoHi envisageiam,
Thanks for giving us admin access.
We have added this plugin “Avia Slider Video Controls Fix” to your site to fix the issue.
Please review your site.Best regards,
NikkoThank you, the unmute button is now working. Is it possible to have the volume turned up already when the unmute button is clicked instead of having to manually turn it up?
Also the video is not playing on mobile, its only showing the static image.
Thank you for your help : )
Hi envisageiam,
I apologize for the delayed response.
For the unmute button, please add this code at the bottom of your child theme’s functions.php file:add_action('wp_footer', 'autoplay_volume'); function autoplay_volume(){ ?> <script> var vids = document.querySelectorAll('video'); vids.forEach(function (video) { var interval = setInterval(function() { if(video.readyState === 4) { video.volume = 0.8; clearInterval(interval); } }, 1000); }); </script> <?php }As for the video is not playing on mobile, mobile browsers block videos from Autoplaying that’s why the fallback static image is being used.
Best regards,
NikkoThat worked for the volume on desktop, thank you.
For mobile, I understand that the browsers are blocking the video from auto playing but there is no option to play the video at all. How do I set it up so there is an option to play the video?
I currently have the video autoplaying on mobile by using a color section and and setting the background to play video. Is it possible to have the color section to play sound?
- You must be logged in to reply to this topic.