Video Gallery Thumbnail Center Alignment
-
Video gallery thumbnails are left-aligned by default, but I would like to make mine center-aligned. However, I have been unable to find any settings, nor have alterations within the [KGVID] tag (for example, align=”center”) made any difference.
Is center-alignment for gallery thumbnails an option, or am I just chasing ghosts with this?
Thanks
https://ww.wp.xz.cn/plugins/video-embed-thumbnail-generator/
-
align="center"is a good start, but it looks like I didn’t test out that feature in enough themes. You might have better luck if you add this to your custom CSS:.kgvid_gallerywrapper { display: block; }This problem should be solved in version 4.4 which I released today.
Thanks, Kyle. I tested it out and the center alignment is working properly now.
It looks really great when the playback video centers in the screen and darkens the background around the frame of the video player. Its a really slick look.
Two other issues have crept in, though.
1). The thumbnail does not resize properly on mobile devices (I am on an iPhone 5 with latest iOS) and it spills over the border of the wordpress template I am using. I tried using a percentage for the thumbnail size, but that didnt work. Any suggestions?
2). In attempting to add a single video as a gallery (to get the centered and blacked-out background effect) I inserted my locally sourced media as I had done previously, but for some reason the plugin is sourcing the wrong file (ie. it is linking to the wrong video in my media library).
I would love to be able to use your plugin for all my videos. Please let me know if these other issues are easy to solve.
Thanks
Can you send me a link to a page on your site that demonstrates these problems?
Kyle,
The oversized video player occurs on the home page
http://atlanticguitarquartet.com
and the video sourcing problem occurred when I was trying to insert a gallery on the Videos page
http://atlanticguitarquartet.com/video/
Thanks
I’ll work on a fix for the responsive gallery thumbnail problem. It shouldn’t be too difficult. What is the shortcode on the 2nd page? Was the video you’re expecting to see in the gallery uploaded to that page or a different one?
The fix to make the thumbnails responsive is pretty simple. I’ll put this in the next update, but if you want to try it yourself, you can edit line 2039 in the main plugin file. Find where it says
style="width:'.$query_atts["gallery_thumb"].'px"
and change it to
style="max-width:'.$query_atts["gallery_thumb"].'px"Kyle,
Thanks so much for the update.
I’m a novice with actual coding, but I will give it a try.
As for the video sourcing error, I was attempting to add the same video that is on the Home Page (which had the thumbnail issues) on to the Video page.
Does that create a conflict?
The video that I ended up being incorrectly sourced has already been inserted on the Video page – however, it was inserted as a Single Video, not a Gallery.
Hope that info is useful.
Thanks again
JonathanI wouldn’t make any changes if you don’t know what you’re doing. You could break your website if you do it wrong.
As for the gallery on the Video page, the question is, how does the shortcode know you want to make a gallery out of that video? In WordPress when you upload a piece of media, it’s assigned as an attachment of whatever post/page you happen to be editing at the time. By default my plugin will automatically make a gallery out of whatever videos you happen to have uploaded to that page. To tell it to look for another video there are a number of options. I checked your site and I think the simplest way would be to use the attachment ID of the video on the home page. So the shortcode on the video page should be this:
[KGVID gallery="true" gallery_include="617"][/KGVID]I’ve gone ahead an updated the code and its working fine now on the iPhone – the thumbnail also properly resizes when turned to landscape mode, so thats great.
I created a test page to preview the videos and it seems that some strange things are happening with the sourcing of the videos.
To be more clear, the other day I attempted to insert the video “Heedings” as a Gallery onto my Video page but the plugin was sourcing another video called “Second Skin”
Just now, I tried to insert “Second Skin” as a Gallery on to my Test Page and it sourced “Heedings.”
Not sure if this is good news or not, but thought it could be useful info.
When multiple Galleries are inserted in to a single page (or even just a single Gallery, for that matter), how does the plugin know what to source since the code is always the same:
[KGVID gallery=”true”][/KGVID]
Is the plugin saving reference info under the table somewhere else?
Clicking insert into post only inserts the standard gallery shortcode, which as I explained earlier will create a gallery from the videos attached to the current post/page, which is assigned by WordPress to the post you were editing when you uploaded the video.
You can modify the shortcode to tell it which videos to include. I suggested you try
[KGVID gallery="true" gallery_include="617"][/KGVID]to create a single-video gallery out of the video on the home page. Did that not work?The Home Page video is working fine now without specifying what video to include.
However, attempting to include particular videos on my Test Page is not working.
Where did you get “617” from?
When I attempt to replace that number with the post ID of any other video, the result is a blank page instead of a video.
Also, the post ID for the video on the home page is not 617, so I am not sure where you go that.
The post ID for the video on the home page at http://atlanticguitarquartet.com/ is 617. If you view the page source and look near the bottom of the page you’ll see “attachment_id”:”617″ and if you go to http://atlanticguitarquartet.com/?attachment_id=617 you’ll see the video (although it’s slightly mangled by the theme).
Ok, thanks. Ill look into it again.
The topic ‘Video Gallery Thumbnail Center Alignment’ is closed to new replies.