Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Videos in Carousel - display in lightbox

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

Can you tell me how to create a carousel with 3 videos that display in a lightbox? I'v tried several things but had no success...

Thanks

Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Michel,

Can you remind me was this a series of images opening a lightbox with a video in it?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

Yes, it's 3 images with each a video assigned to it.

Thanks,
Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Michel,

This is what I did - created articles with just an image and the video embed code

<img src="images/democontent/anthony/20150929-IMGL7532-4.jpg" alt=""/>
<iframe src="player.vimeo.com/video/84267118?byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Then in the module settings set to Carousel and joomla as the content source

add only the image to the drag and drop section
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the image settings set to lightbox

and whatever image effects you want regarding shadow, hover, etc
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The module layout settings will depend a little on the image size you want e.g. image size and number of images you want to show
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the lightbox options

Enable

Display video instead of image
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the content tab set the category or the individual articles that you want to load

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I should mention on testing this there is a problem relating to the extension handling urls from youtube

We are looking into this

I'd suggest for now testing with a vimeo video url as these are working fine

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul. That seems to work with vimeo. Please let me know as soon as youtube works.

One question: I'd like to display the title for each video (titel of article) either above or as overlay. I've tried, but that doesn't seem to work...

Thanks,
Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
Have you tried adding title in the drag and drop below the image

Setting the title to load lightbox

and in

Module layout and settings
Choose overlay

You may need to customise the style via the theme tab

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

that did the trick! I had added the title above the image.

Any news about the youtube problem?

Thanks,
Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Michel,

We are looking at it

Are you releasing the site any time soon? as there is may be a way round it but it requires an adjustment to the youtube embed code

But if you did add the code it may need to be removed later on

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

I'm getting near completion so I was hoping to release the site in the next days... If you have a temporary solution I could use that until you notify me of a permenant one.

Thanks,
Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Michel,

Do you have an example video from your tube so I can test it and then paste into a post as an example of what to do

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

Yes, here's an example:

<iframe width="560" height="315" src="www.youtube.com/embed/w77JAqAuRGQ?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>

Thanks,
Michel
  • SelaZentrum's Avatar
  • SelaZentrum
  • 12 Month basic
  • 165 posts
  • Karma: 0
The administrator has disabled public write access.
<iframe width="853" height="480" src="www.youtube.com/embed/?v=w77JAqAuRGQ?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>

For the link I've used
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
ah the forum is partially stripping the link

I'll attach what I'm using in a text file
Attachments:
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Explains why your link wasn't working for me

The change I've added to the link from youtube is to change the link a little by adding

?v=

Before the unique video identifier

This now works for me when I test

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 7 years 8 months ago by manh.
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers