Tagged: enfold, play button, video, video background
Hey guys,
I just want to hide the play button that appears when a video background is present on mobile.
If you go to http://devpeek.com on a mobile device you should see the play button behind the logo.
Also, On an ipad this doesn’t show up. Which is fine with me but maybe not for others?
Lastly and impotantly, Is there a way to create a button that would play the video on a mobile just as the default does (with the zoom out to play the video and when user clicks done it zooms out the video and back into the page without reloading)?
I put a button and an icon in the color section that link to the video to show what I mean. Those should be able to do the same thing as the default play button for mobile devices. But they are unclickable on mobile and not sure why. They work fine on desktop.
Hey jtree5757!
Thank you for using the support forum!
The video background has been disabled on mobile devices. You should add a fallback image for every video background. You can remove the play button that you added on mobile device with this:
@media only screen and (max-width: 767px) {
#av_section_1 > div.container > main > div > div > span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-center.avia_start_animation.avia_start_delayed_animation {
display: none !important;
opacity: 0 !important;
}
}
I’m sorry but what you’re asking is beyond the scope of support and is not a theme related issue. You might need to find a plugin or hire a freelance developer to add the feature for you. Please do visit Werkpress for further customization or vote for the feature on our Feature Requests page.
If you have any further questions about the theme, we are more than happy to help.
Regards,
Ismael