Need local video in ACM module

tamerlan

Hello,

Is there any possibility to add a local hosted video in JA ACM module instead of YouTube video? I really hope there is a way to do this.

Thanks you in advance.

pavit

tamerlan Is there any possibility to add a local hosted video in JA ACM module instead of YouTube video?

You can try in this way , copy from another template a ja acm module that has local as source and use it on your template

Take a look HERE how to do this and use the video folder from ja_platon template in this folder /templates/ja_platon/acm/

http://prntscr.com/mpdc0x

Hope it helps

tamerlan

Hi Pavit!

Thank you for answering so quick and sorry for my delay with answer.

I tried to do as you suggested, but effect was far from what I was hoping for. I was able to make local video work in JA Donate template, although it was just it – the video. I need it to work as it is on your demo – as a part of that nice slideshow. Actually, I don’t even need it to be a slideshow, but I need it to look like in your demo – with dark overlay and text on it. I really like it and it was the reason why I choose this template for this particular project.
And by the way, after I added ACM Video folder from the JA Platon template on a site the default slideshow stopped to appear at all. So I removed that folder for now.

Please can you help me with my issue - local video in ACM? Is it possible for your developers to add the option of local video to this ACM module, which is used in JA Donate template?

Using Youtube or any other public service is not an option for me, because of GDPR and the copyrights restrictions on a video and music I want to put on this module.

I really hope you can help me.
Best regards.

aman204

tamerlan Actually, I don’t even need it to be a slideshow, but I need it to look like in your demo – with dark overlay and text on it.

1) Try add this to custom.css file and change background image path accordingly (Could add overlay) :

.acm-video.style-1::before{    background-image: url(/joomlart/jadonate/templates/ja_donate/images/mask.png);background-size: 100% 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    z-index: 1;}

2) Adding text as seen with slideshow style could require varied customizations and several code changes however, Support scope related to such customizations is "limited"

Also, Youtube video is seen as background through ACM module however, Video is being embedded directly through the specific ACM style which has been ported

Please can you help me with my issue - local video in ACM?

Will forward your request with JA Dev. Team for feature for adding option to add local video formats in slideshow to be taken into consideration however ETA would depend upon range of complexity and other parameters.

Will revert back as we get an update on the same

Thanks for your patience

tamerlan

Hello,

Thank you very much for answering.

Although, even with your advice I still couldn’t get what I wanted (overlay with text with background); plus other things won’t work as I need (the local ACM video has a play button on the centre etc.). So I tried a different approach. I just added this code (see below) to a module and a tiny bit of CSS and it all worked like a charm. It is probably quite stupid solution, but I am not a developer and have zero knowledge in codding, so that was the best I could do. In any case, it works perfectly.

But I wanted to take a bit of your time again. Can you please tell me, would such code make some “wrong” things on site, as I don’t use your ACM Slideshow module anymore, but I kept the syntaxes like <div class="acm-slideshow acm-owl"> just because it was faster to call the existing CSS. So my question is: what would you suggest would be best for the site – to leave this code as it is, or to rewrite it, creating my own names for CSS styles and placing those CSS in custom.css?

My code in module:

<div class="acm-slideshow acm-owl">
   <div class="owl-carousel owl-theme owl-loaded owl-drag">
      <div class="owl-item" style="width: 100%">
         <div class="item">
            <div id="video-bg">
               <div class="video-wrap">
                  <div class="video-container">
                     <video preload="true" autoplay="autoplay" loop="loop" volume="0">
                        <source src="images/joomlart/media/video.mp4" type="video/mp4">
                     </video>
                  </div>
               </div>
            </div>
            <div class="slider-content">
               <div class="slider-content-inner">
                  <div class="title">
                     <h1>Thousand of  Homeless are waiting for help!</h1>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

I am asking because I want to be sure I didn’t do something bad, which will cause site to load slowly or crush, or whatever.

Best regards.

aman204

tamerlan So my question is: what would you suggest would be best for the site – to leave this code as it is, or to rewrite it, creating my own names for CSS styles and placing those CSS in custom.css?

Yes, Such methodology is also fine if you wish to have the output as envisaged by manually adding source element and video tag for calling video along with adding HTML tags wrapping the same.

You can always change title here accordingly :

<div class="title">
                     <h1>Thousand of  Homeless are waiting for help!</h1>
                  </div>

In regards to changing of <div> tags which is being used as a container to style specific elements with CSS, Change in name of <div> tags will not be needed provided you wish to have different styling for specific section

tamerlan

Hello,

Thank you for your answer and your time.
I think you can mark this discussion as resolved and close the thread.

Best regards.