to be more precise and in /js/scripts.js you will find the code for the percentage and loadbar animation but this does not concern you if you add the logo file
It is not recommended, as a general practice, having videos autoplaying on mobile (and taking in consideration different data mobile plans and different networks streaming speeds). You should provide a poster image (hero image) for mobile in video portfolio options.
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){
.hero-video-wrapper {
display: block;
visibility: visible;
}
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
var viewportWidth = $(window).width();
if (viewportWidth < 1024) {
$('.hero-video-wrapper').remove();
}
hard refresh the page (Ctrl+F5) when you are done.
Very helpful, it's work, look like the same old file but really work. This problem solved. Thank you!
Maybe I have to ask you one again about Video Portfolio play on Mobile device. Last time I tried method that you provide, but it's still not work when I test on Iphone 7 with Chrome browser. If I scale down browser on Desktop to Mobile's dimension, it's can work. Do I miss something?
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){
.hero-video-wrapper {
display: block;
visibility: visible;
}
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
Hi Team,
Can we get a Control Button on Background Video of Porfolio like attachment?
Thanks a lot!
Hi there,
I think you can except you need to implement a play/pause mechanism for it (see the model in /js/scripts.js function PlayVideo() )
the actual button you can add it in showcase-page.php see <div class="hero-video-wrapper">
and /sections/hero_section_container.php (look for the same div element)
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi you,
I still not imagine yet, but let's me try :)
One more question, can I add Preloading with a Logo ? I want make a logo from dark to white when preloading website, could you give me some advice?
Thanks!
Hello,
Open header.php and you will see this piece of code:
<?php if( hervin_get_theme_options('clapat_hervin_enable_preloader') ){ ?>
<!-- Preloader -->
<div class="preloader-wrap">
<div class="outer">
<div class="inner">
<div class="percentage" id="precent"></div>
<div class="trackbar">
<div class="loadbar"></div>
</div>
</div>
</div>
</div>
<!--/Preloader -->
<?php } ?>
you nee to change it to include the logo file, this part
<div class="percentage" id="precent"></div>
<div class="trackbar">
<div class="loadbar"></div>
</div>
to be more precise and in /js/scripts.js you will find the code for the percentage and loadbar animation but this does not concern you if you add the logo file
// Loadbar Animation
$(".loadbar").animate({
width: width + "%"
}, time / 0.7 );
// Percentage Increment Animation
var PercentageID = $("#precent"),
start = 0,
end = 100,
durataion = time + 400;
animateValue(PercentageID, start, end, durataion);
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi there,
I'm back :)
Sorry, I have one more question: Can I make Portfolio with Video Hero visible on Mobile Device, now I've just got the "Hero Image" for that.
Thanks!
Hello,
It is not recommended, as a general practice, having videos autoplaying on mobile (and taking in consideration different data mobile plans and different networks streaming speeds). You should provide a poster image (hero image) for mobile in video portfolio options.
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){
.hero-video-wrapper {
display: block;
visibility: visible;
}
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
var viewportWidth = $(window).width();
if (viewportWidth < 1024) {
$('.hero-video-wrapper').remove();
}
hard refresh the page (Ctrl+F5) when you are done.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Very helpful, thank you so much.
I'll update and preview this.
Thanks!
OK, closing this ticket
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Very sorry,
Because I can't create a new Ticket, therefore I must reply on this.
I've installed Polylang Plugin and got some errors on Log File. Could you please help me?
Thanks
Right, plz try the attached and corrected wpml-config.xml file (archived) copy it over the old file inside the theme folder
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Very helpful, it's work, look like the same old file but really work. This problem solved. Thank you!
Maybe I have to ask you one again about Video Portfolio play on Mobile device. Last time I tried method that you provide, but it's still not work when I test on Iphone 7 with Chrome browser. If I scale down browser on Desktop to Mobile's dimension, it's can work. Do I miss something?
However, to enable video on mobile try the following:
1. add
@media only screen and (max-width: 1024px){
.hero-video-wrapper {
display: block;
visibility: visible;
}
}
in customizer -> additional CSS
2. open/js.scripts.js and remove the following lines:
var viewportWidth = $(window).width();
if (viewportWidth < 1024) {
$('.hero-video-wrapper').remove();
}
Hello,
the video should be visible with
@media only screen and (max-width: 1024px)
even on iphone 7
try to see if you are running some cached content
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy