End of Support for Joomla 3 - Forum closed

Video background

Video background was created by YODAstudio

Posted 6 years 6 months ago #20559
Hello there.

I find very interesting the possibility to set a video as a header background. Do I have to buy/install another module in order to have it or is it already included in the Alpha theme?
I'm not sure about the meaning of "Local streaming videos are not supported by mobile Devices". What kind of videos should I use to have not such a problem?

Thanks
Do. Or do not. There is no try.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Video background

Posted 6 years 6 months ago #20563
Hi there,
the video background was made with the css cover function
getuikit.com/v2/docs/cover.html
And then insert a html video:
www.w3schools.com/html/html5_video.asp

But the mobile Browser do not support HTML5 therefore is no video support on phones
The following user(s) said Thank You: YODAstudio

Please Log in or Create an account to join the conversation.

Replied by YODAstudio on topic Video background

Posted 6 years 6 months ago #20566
Thanks for answering.
So, using the CSS cover function is it possible to have video backgronund with some other of your templates?

Regards
Do. Or do not. There is no try.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Video background

Posted 6 years 6 months ago #20567
The css cover function is included.
You need to add the video html code into the file: layouts/theme.php

<div class="uk-cover">
<video class="uk-cover-object" width="" height="">
<source src="" type="">
</video>
</div>

The following user(s) said Thank You: YODAstudio

Please Log in or Create an account to join the conversation.

Replied by YODAstudio on topic Video background

Posted 6 years 6 months ago #20571
Thanks a lot!
Do. Or do not. There is no try.

Please Log in or Create an account to join the conversation.

Replied by renerene on topic Video background

Posted 4 years 8 months ago #26176
this beginner is trying to add a background Mp4 video with CSS overlay into a component from JPwork template on LimburgDrone.nl
Can you give me some starting points how to do so?
The method described above is for complete website and every menu? How do you make it specific for a menu item / article?
At this moment I'm not sure what my need is exactly: complete backgrond video for entire page for specific menu item, i.e. landing page, or just video on part of the screen within a component section.

Links
10-guidelines-better-website-background-videos: Consider using an overlay to hide artefacts
CSS pattern generator
Last Edit:4 years 8 months ago by renerene
Last edit: 4 years 8 months ago by renerene.

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License