Custom Video Grid

Hi there,

is it possible to make a custom essential grid that I could put in hand picked videos both from YouTube and Vimeo?

I would still like to maintain the clean look of the Vimeo Stream template.

Thanks in advance!

Hello @jerzybg,

Thanks for asking. :slight_smile:

Yes, you can selectively add videos in Essential Grid. To do that you need to select Custom Grid under Source. And under Add Items, click YouTube Button and add the information in the popover form. Please make sure to enter correct video id under YouTube ID.

To help you get started, I have recorded a screencast that you can take a look. https://cloudup.com/ccnJFmhSHsS

Thanks.

Thanks @Prasant for the info and the screencast, so much faster to follow than reading a how to guide.

There seem to be a limit of 15 sources, is that something I can change? Also, only 3 of them show up on a mobile device which I found odd. I’m not using it as pages as my website is a single page Ethos based website so I use the grids as elements. I chose the Vimeo Stream skin for this grid as most videos are from Vimeo but none of the information is showing up, not even the titles.

I already have a Vimeo Stream grid at the top of my website, there are a few videos missing that are based on youtube. I don’t see an option to add them, is there a way to avoid starting from scratch or do I have to make another custom grid and put all the info in manually?

There seem to be a limit of 15 sources

I think you are missing something. You can just keep adding videos individually.

Here’s a page from my website with over 15 Vimeo videos and using ESS Grid

https://diveintoambon.com/diagallery/diagallerywide-2/

Hi There,

Can you send us your website details to check the issue Also please send us few screenshot of your issue so that it would be easy for us to check.

Please provide following information:
Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials
    All the best!

Most definitely, some setting or the webpage layout is limiting me. When I add the 16th video the 1st disappears until I delete the 16th, then it reappears.

Amazing underwater wildlife @liquidguru, now I want to go for a dive!

Yeah I knew I forgot to attach the link at the bottom, sorry!

My website is http://www.jerzygudjonsson.com

I don’t know how to make a Secure Note

The instruction to add a Secure Note can be found here.

For some reason the Secure Note button didn’t show at the bottom of replies, only at the top of the thread hence I didn’t see it until I scrolled all the way up. The button is showing now and I’ve added a secure note

I have figured out why I was not seeing more than 15 videos, the pagination was on so that has been fixed but I’m still not getting the Vimeo videos to show their title in the second grid on the page. It only shows: by

While I was testing the content I noticed another problem, if the video is played in the thumbnail, then made fullscreen it’s all good but if you pause it then the whole grid shows up, it’s like a screenshot of the grid blocking the video that is playing in the background if you hit space to continue the playback.

Hello @jerzybg,

Thanks for asking. :slight_smile:

  1. To display the title, please try adding the same under Post > Title. https://cl.ly/29132c2g1K1h
  2. Can you please share a screenshot of the problem? On my end, I can’t seems to replicate the issue.

Thanks.

  1. Thanks for the link @Prasant but I do know how to put in the title manually, I’m trying to find an automatic way for the grid to pull the info from the video sources so whenever I put in a new link the titles would be there. This is possible with the Vimeo Stream grid but doesn’t seem to work in the custom one, even if I choose it for an individual thumbnail.

  2. The video problem only happens if you don’t press the title of the video but around it within the thumbnail, then the video loads inside the small thumbnail with player options when you hover the mouse pointer over it. I did a screen recording to show the problem, I’ve tried this both on Mac and PC, Safari and Chrome, always the same results but it doesn’t happen on an iPhone.
    https://drive.google.com/file/d/1kv39m7GlPuH6_t3NQkRX0917CZ-Wgq73/view

Cheers

Hello @jerzybg,

Thanks for updating the thread. :slight_smile:

  1. Actually, if custom grid is selected then title won’t get automatically imported. You will have to display titles manually. https://www.themepunch.com/essgrid-doc/special-content-streams/#vimeo
  2. Okay, now I got the problem you are facing. I can confirm this on my end. It looks like a bug. Have reported this into our issue tracker for our developer to take a look.

Thanks.

  1. Yes it’s what I feared, it’s a shame

  2. Is it possible to fix the problem by enabling a lightbox for the videos, it would actually look better than what’s happening to them now. How would I do that and how would I do it so the lightbox would pop up wherever the mouse pointer is pressed inside the thumbnail so people won’t have to aim for the title?

Hi,

Regretfully, it could only be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.