Video background module needed

wismondodk

Would like to opportunity to have a similar video background as seen in the Uber template https://www.joomlart.com/demo/uber.

Please advise in terms of how to get this option in the JA Space template. Would like the same in the JA Aiga, but guess that should be posted in a different category 🙂

Thanks in advance. A quick response would be much appreciated.

aman204

wismondodk Hi

You may try the steps as outlined :
1) Copy the folder - \templates\uber\acm\hero from unzipped Uber template package to unzipped folder location of JA Space -\templates\ja_space\acm\
2) Copy+Paste Sample data of 1. Hero Style Video as mentioned here in "advanced" tab of specific ACM module assigned
3) Thereafter, Assign specific ACM module to Hero module position and make changes in module parameters accordingly

wismondodk

Hi Aman204

Thank you very much for your swift response. Indeed much appreciated.
Have tested and both YouTube and Vimeo playback seems to work like a sharm.

A couple of additional questions tough:
1. Is there a simple way to turn add 'turn on/off' video audio?
2. Can I get rid of the 'play-button' + overlay?
3. How can I play a locally stored video in the module = not Vimeo or Youtube?
4. The video - as for now - must only play in desktop mode. Not on mobile devices. How can this be set? Is there a suffix or something that I can use to hide/show modules. Like a 'no-mobile', 'only-desktop' etc.?

Thank you.

teitbite

wismondodk Hi.

Actually I have no idea, but I think sound can be played. It just have to be set in video settings
Yes, with a css:

.hero-btn-actions, .acm-hero.style-4 .video-wrapper::before { display: none; }

It's using an iframe, so You can simply replace it with url.
Can be removed with css:

@media only screen and (max-width:980px) {
.acm-hero { display: none; }
}

wismondodk

Hi teitbite

Thank you for helping out. Of great help.

The video playback is though still not perfect. The video module is used in the AIGA template and placed in the 'section-top' position. Therefore I have a couple of additional questions. Hope you are able to assist as it is becoming :

The video online auto-playback in Firefox. Not Safari or Chrome - how can that be and how do I ensure that it autoplays in all availiable browser. As a minimum Safari?
When attempting to play the video you need to click in the lower half of the screen in order to make it play, as it is hardly never work to hit the play buttom directly and make it play. If you click in the upper half, nothing at all happens - this is not good (to say the least) as people think the video isn't working!

I need to be able to be able to make the video play no matter where I click on the video. As a minimum I need to make sure that the video respond when clicking on the 'play' button and the area around it.

It there a way to control the 'actionable' clickable area in the css?

When pausing the video a selection of 'more videos' from youtube shows in the lower part of the video-module. I need them to stop showing up, as I need a super clean design. How can they be hidden?

Thanks (a lot) in advance. A quick response would be more than appreciated.

Best
/Kristian

saguaros

Hi Kristian,

Kindly share the credentials of your site so we can have a closer look and check for you.

Regards