"Video Background" (#1210606) / ClaPat Studio

Comments

nuno started the conversation
June 18, 2017 at 6:00pm
Hello,
I use your theme for my professional activity : http://invideo.fr/
The issue is, the video is not working when browsing the website from a smartphone.
From a desktop, it seems responsive but on a smartphone, ilt's just displaying a grey background.

Can you have a look please ?

Regards,
1,802
Support replied
June 19, 2017 at 7:36pm
Hello the video player does not play on mobile devices you have to provide a poster image for them.
Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy
nuno replied
June 26, 2017 at 10:32am
Ok, but can I use a vidéo in background in my desktop and an image for the tablets and smartphone in same time?
1,802
Support replied
June 26, 2017 at 11:38am
Hello, absolutely
you can change the poster image in Appearance -> Theme options -> Home Options
Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy
nuno replied
June 26, 2017 at 11:59am
Where exactly? My Choose Home Section Type is vidéo. But you say me than we can't put vidéo for smartphone... And I want keep the vidéo in my background of my desktop. Thank you
1,802
Support replied
June 27, 2017 at 12:23am
You set everything correctly. Can you provide wp admin access in a private comment so I can have a look to see what's wrong?
Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy
nuno replied privately
1,802
Support replied
June 27, 2017 at 4:58pm
Hi can you check now? Also clear your cache.
Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy
nuno replied
June 28, 2017 at 8:34am
Hello! It's exactly what i want. How I can change my image?

1,802

Support replied

June 28, 2017 at 1:36pm

Go to style.css and then change this bit

.video-section {
          background-image: url('http://invideo.fr/wp-content/uploads/2017/05/cropped-cropped-nitray9-4.jpg') !important;
    }
@media only screen and (max-width: 1024px) {
    
    .video-overlay {
        background-size:cover;
        background-position:center center;
        width:100%;
        height: 100%;
        background-image:url('http://invideo.fr/wp-content/uploads/2017/05/cropped-cropped-nitray9-4.jpg');
    }
    
}

replacing the url of the image

Thank you.

Clapat Support

https://www.clapat.com/

Review Envato Item Support Policy

nuno replied
June 29, 2017 at 9:56am
Hello, yes, it's ok. Thanks!!