Docs

[fatheaddrummer]

Hi there,

I am sorry to ask for that, as this is a common question for sure, but I couldn’t find a good solution for now.

I want to add a video gallery with 15 Videos on my site, WITHOUT impacting the loading speed a lot. For now I have used the pageable container in visual composer and embedded a single video on each “page” by also using some custom css, making the screens smaller….But this solution seems very heavy and I definitely need a more light version….

https://www.diamond-precision-studio.com/en/mixing-online

Could you please help me out with this? Thank you so much!
Best, Christian

[Paul R]

Hi Christian,

Thanks for writing in!

You can try the grid plugin.

Please refer to this link for more information.

Hope that helps

[fatheaddrummer]

Hi Thanks,

I feel like the better version for me is to trigger a video lightbox with thumbnail images.
I have tried to set up a test image, but it doesn’t work.

I inserted a small picture, set the link button and added a youtube url.
Also I put a lightbox in the same container in visual composer and left the css class like it is called by default.

When I click on the image, the lightbox opens up, but there’s nothing in it…

Is there maybe a better way to insert a picture gallery that triggers video lightbox?

Thanks for your help!

[Christian]

Hey there,

I see there’s an error with Google Maps which might cause the Youtube video not to display. If you have a map in your page, please remove it for a moment. If not, please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[fatheaddrummer]

Thank you!

1. I have now tested it. I have dactivated ALL 3rd partie plugins and this didn’t solve the issue…
2. I have no google maps installed on my website

Any other ideas? Thanks!

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[fatheaddrummer]

This reply has been marked as private.

[Nabeel A]

Hi Christian,

Thank you for providing the credentials. I checked your lighbox image. You forgot to give the lightbox selector class to the image. I added that and the lightbox is opening fine. However the video URL you’re using is not playing on my end. I checked it with another video link and it worked fine. Please check your video URL if it doesn’t play on your end too.

You can also use the following shortcode to play video in a lightbox:

[image class="videoLightbox" type="rounded" src="image-1.jpg" link="true" href="//player.vimeo.com/video/84751465" alt="Text"]

[lightbox selector=".videoLightbox" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal"]

Hope this helps!

[fatheaddrummer]

Hi Nabeel,

Thank you very much for helping me out!
I tried another video for now, but I can’t get it to be shown or played in the lightbox. The Lightbox indeed is opening, but no video. I have delete my browser cache and also updated flash player (?!)

UPdate:

Interesting thing: When I choose an image and then insert an embed URL and click on “update” the page, it will delete not only the URL but also the image src is deleted. That’s why there’s no Video dislayed, but why is it deleting all the time?

Any other ideas?

Could you again check it?

Thank you very much!

Best, Christian

[Rad]

Hi there,

Would you mind providing a video recording? I created a sample here https://www.diamond-precision-studio.com/en/?page_id=8143&preview=true

Cheers!

[fatheaddrummer]

Thanks for helping me out! This solution also works on my side!
I’ve added the same solution to the related page and this also works. It just seems, that I can’t get it to work with youtube. Could you tell me, should I use the youtube embed code, or the youtube URL, or just a part of the URL?

Thanks a lot!

Best, Christian

[Rue Nel]

Hello There,

Thanks for the updates! If you are using a video player, you will need to use the direct path of the video file e.g. filename.mp4

And if you are using a video embed element, then you really have to use the Youtube Embed code.

Hope this explains it.

[fatheaddrummer]

I want to use an embed youtube element, but everytime I am adding the embed code and update the page it’s gonna delete the code and also the image source.
Could you please try adding a youtube video? Either you will see what I mean, or I am doing something wrong.

Thanks!

Best, Christian

[Rue Nel]

Hello There,

Are you referring to this http://prntscr.com/cqfokl ? So far you are doing it correctly. Would you mind providing us a clarifications and make create a video or screenshot so that we will have the idea of the things that you are experiencing?

Thank you in advance.

[fatheaddrummer]

Hi There,

I recorded a screencast for you.
https://www.dropbox.com/s/pcpa7yq9pxlismq/2016-10-06%2010-14-43.mp4?dl=0
I hope this will show you my issue.

1. I add an image source (already added in the screencast)
2. I add the youtube embed code
3. I click on update page
4. the image source and the embed code are deleted. No Video!

Please tell me, if you need to know anything more.

Thank you very much!
Best, Christian

[Author]

Posts