Support Center Visit Demo License manager Buy @ envato

Background Video Auto Play on Mobile

PlantMDPlantMD
in Theme support

I'm trying to add an auto play background video on a page. I've uploaded the MP4 file and added it to the page https://plantmd.com/about-us/ it plays on desktop browsers, however when I go to view it live on an actual mobile device the static image displays. In the BeBuilder I went in to Select a Preview for Desktop/Tablet/Mobile and they all display the background video on auto play. It's just on actual mobile devices it does not. Any ideas as to what's causing the issue?

Comments

  • PhilPhil

    Hi,

    Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    @media only screen and (max-device-width: 959px){
   html .section.has-video .section_video {
   display: block !important;
 }
}

    However, notice that not all mobile devices support the background video, and it might show as a static image.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.