VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
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:2142
  • 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:2142
  • 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:2142
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.78 seconds

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.