VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

How to add fullscreen video into slideshow
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: How to add fullscreen video into slideshow

How to add fullscreen video into slideshow 09 Sep 2015 14:10 #7376

Hello,

The slideshow information says: It can be used in 2 different versions:

1: Pictures Slideshow - Fullscreen or responsive slide type
2: Fullscreen Youtube video


I read the documentation but I can't find where I can add a full screen Youtube video.

Can someone help?

Re: How to add fullscreen video into slideshow 10 Sep 2015 03:32 #7380

In backend, edit Module mod_jfslideshow. Select module type is "Youtube video" and enter YouTube video ID.
You must edit css and js. Edit templates/jf_event-up/scripts/js/template.js, find and comment:
 
//$("#slideshow").css({ 'height' : $(window).height()});
 

Edit templates/jf_event-up/css/template.css, add and comment like this:
 
.header {
...
top: 0;
}
/*
iframe,
svg {
max-width: 100%;
}
*/

 


joomfreak

  • Posts:2784
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How to add fullscreen video into slideshow 11 Sep 2015 10:33 #7392

Thanks for your reply. Only when I do this the mainmenu dissapairs. Also the video is really big. Not the same size as an image, but much higher. See the video on my website.
I also tried to embed a small youtube video in the description text, but that doesn't work.

Re: How to add fullscreen video into slideshow 15 Sep 2015 02:53 #7402

Only when I do this the mainmenu dissapairs.

You should edit templates/jf_event-up/css/template.css, add:
 
.header {
top: 0;
}
 

I also tried to embed a small youtube video in the description text, but that doesn't work.

Our module set a YouTube video as your page background.

joomfreak

  • Posts:2784
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How to add fullscreen video into slideshow 16 Sep 2015 10:17 #7422

I already added this code
.header {
top: 0;
}
 
But this doesn't work.

Re: How to add fullscreen video into slideshow 17 Sep 2015 03:41 #7431

You didn't remove this line:
 
iframe,
svg {
max-width: 100%;
}
 


joomfreak
The following user(s) said Thank You: IngedeVries

  • Posts:2784
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 1.17 seconds
Tuesday 20 August 2019

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.