On mobile the playbar is hiding, but when you tap on the MP4, it pauses. Can you deaktivate the "pausing" when clicking on it? So it always loops like a GIF..
As of version 13 of Salient, you can actually use the "Self hosted video player" element to handle this functionality without needing to manually place a video HTML element. I've changed one of your videos to use that element on your project page here as an example: https://stribe.de/portfolio/hamburger-ding/
The only thing is you'll need to use CSS if you wish to adjust the aspect ratio of the video player to match the custom sizing you've created your videos in. Here's a snippet for that which you can add into the Salient options panel > custom CSS box if desired
Hi, the GIFs on my website are loading quite long. I therefore want to change them all to looping MP4 files, as they're smaller.
At this page, I switched the first GIF to MP4: https://stribe.de/portfolio/hamburger-ding/
I can't find a way to hide the playbar / controll bar of the video player.
Can you provide CSS or a function to do so? Thanks and best
Hi There,
Please try this css:
body .mejs-container .mejs-controls{display: none;
}
Thanks.
Hi Judith, thank you. It works on desktop view, but not on mobile view. Can you optimize it, so it also works on mobile view? Thanks!
Hi Stribe,
Please try this css:
@media only screen and (min-width: 1px) and (max-width: 999px){#ajax-content-wrap .mejs-controls {
display: none;
} }
Thanks.
Hi Judith, now the bar is still showing on desktop. But no autoplay.
Same on mobile -> no autoplay. But the bar is hiding.
Hi There,
Try adding !important to the mobile css code.
Let me know whether it helps.
Thanks.
Hi,
should I have both of these CSS in my customized CSS, like this? Or only the last CSS?
And where should I insert "!important" ? Thanks!
body .mejs-container .mejs-controls{ display: none; } @media only screen and (min-width: 1px) and (max-width: 999px){ #ajax-content-wrap .mejs-controls { display: none; } }Please add this css:
@media only screen and (min-width: 1px) and (max-width: 999px){ #ajax-content-wrap .mejs-controls { display: none !Important; } }Hi, on desktop I can still see the control bars.
On mobile the playbar is hiding, but when you tap on the MP4, it pauses. Can you deaktivate the "pausing" when clicking on it? So it always loops like a GIF..
Hi There,
Please send in your admin login credentials so that we can check this out.
Thanks.
Hi, this is your access:
Mail: [email protected]
PW: sU@Xj92y@719*Tr29upRC*fT
Please check it out now.
Thanks.
Hi, I can still stop it in mobile view with tapping on it. Can you fix it so it's impossible to stop, like a GIF?
Hi There,
Please allow me to escalate this to the developer to assist further.
Thanks.
Hey stribe2021,
As of version 13 of Salient, you can actually use the "Self hosted video player" element to handle this functionality without needing to manually place a video HTML element. I've changed one of your videos to use that element on your project page here as an example: https://stribe.de/portfolio/hamburger-ding/
The only thing is you'll need to use CSS if you wish to adjust the aspect ratio of the video player to match the custom sizing you've created your videos in. Here's a snippet for that which you can add into the Salient options panel > custom CSS box if desired
.wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper { padding-top: 125%; }Cheers