Welcome, Guest
Username: Password: Remember me

TOPIC: Video background

Video background 2 years 2 months ago #1

  • YODAstudio
  • YODAstudio's Avatar
  • Offline
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.
The administrator has disabled public write access.

Video background 2 years 2 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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 administrator has disabled public write access.
The following user(s) said Thank You: YODAstudio

Video background 2 years 2 months ago #3

  • YODAstudio
  • YODAstudio's Avatar
  • Offline
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.
The administrator has disabled public write access.

Video background 2 years 2 months ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
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 administrator has disabled public write access.
The following user(s) said Thank You: YODAstudio

Video background 2 years 2 months ago #5

  • YODAstudio
  • YODAstudio's Avatar
  • Offline
Thanks a lot!
Do. Or do not. There is no try.
The administrator has disabled public write access.

Video background 4 months 2 weeks ago #6

  • renerene
  • renerene's Avatar
  • Offline
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
The administrator has disabled public write access.

Video background 4 months 2 weeks ago #7

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
If you want a video background in a Joomla module, I recommend this module
joomlartwork.com/youtube-video-background-module/
The administrator has disabled public write access.

Video background 4 months 2 weeks ago #8

  • renerene
  • renerene's Avatar
  • Offline
sounds good, but the module does not work. please read the comments on your linked page

I've got video working in the headerbar by making a new component., using this code:
<div class="uk-cover"><video class="uk-cover-object" autoplay="autoplay" loop="loop" muted="" width="100%" height="150">
<source src="images/test.mp4" type="video/mp4" /></video></div>
This is more turning into a CSS search & learn. --> Adding the overlay gives me head-aches.
The administrator has disabled public write access.

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen