{"id":961,"date":"2015-05-27T15:40:33","date_gmt":"2015-05-27T13:40:33","guid":{"rendered":"https:\/\/urosevic.net\/wordpress\/?page_id=961"},"modified":"2026-03-10T16:46:02","modified_gmt":"2026-03-10T15:46:02","slug":"easy-youtube-gallery","status":"publish","type":"page","link":"https:\/\/urosevic.net\/wordpress\/plugins\/easy-youtube-gallery\/","title":{"rendered":"Easy YouTube Gallery"},"content":{"rendered":"\n<p>Quickly make a gallery for a custom set of YouTube videos provided in the shortcode and autoplay video on click in the Magnific PopUp lightbox.<\/p>\n\n\n<div class=\"callout callout-info\">If you need fully customized functionality of the Easy YouTube Gallery or <a class=\"callout-link\" href=\"\/wordpress\/plugins\/youtube-channel\/\">My YouTube Channel<\/a>, feel free to <a class=\"callout-link\" href=\"\/wordpress\/contact\/?subject=Quote for Custom WP Plugin\">contact me<\/a>.<\/div>\n\n\n\n<p><strong>Jump to:<\/strong> <a href=\"#support\" title=\"\">Features<\/a> | <a href=\"#download\" title=\"\">Download<\/a> | <a href=\"#install\" title=\"\">Installation<\/a> | <a href=\"#usage\" title=\"\">Usage<\/a> | <a href=\"#faq\" title=\"\">FAQ<\/a> | <a href=\"#support\" title=\"\">Support<\/a><\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"features\">Features<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Custom set of ID&#8217;s provided as shortcode attribute <code>id<\/code> (single or multiple ID&#8217;s separated by a comma)<\/li>\n\n\n\n<li>Custom additional class for targeted styling (if you need to blend gallery in your theme)<\/li>\n\n\n\n<li>Custom number of columns to distribute thumbnails to (min 1, max 8)<\/li>\n\n\n\n<li>Responsive thumbnails<\/li>\n\n\n\n<li>Autoplay with <a href=\"http:\/\/dimsemenov.com\/plugins\/magnific-popup\/\" rel=\"nofollow\">Magnific PopUp<\/a> lightbox<\/li>\n\n\n\n<li>Well-marked with classes (listed below)<\/li>\n<\/ol>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Main container classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.easy_youtube_gallery<\/code><\/li>\n\n\n\n<li><code>.col-#<\/code> for the number of columns (default is <code>1<\/code>, supported up to <code>8<\/code>)<\/li>\n\n\n\n<li><code>.ar-16_9<\/code> for 16:9, <code>.ar-4_3<\/code> for 4:3 or <code>.ar-square<\/code> for a 1:1 aspect ratio<\/li>\n\n\n\n<li>custom class provided by shortcode attribute <code>class<\/code><\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Anchor classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.eytg-item<\/code><\/li>\n\n\n\n<li><code>.eytg-item-#<\/code> for order number of item<\/li>\n\n\n\n<li><code>.eytg-item-first<\/code> for the first item in the gallery block<\/li>\n\n\n\n<li><code>.eytg-item-mid<\/code> for middle items in the gallery block<\/li>\n\n\n\n<li><code>.eytg-item-last<\/code> for the last item in the gallery block<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Thumbnail classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.eytg-thumbnail<\/code> is the class for span where we set the video thumbnail as a background image<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Play icon classes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.eytg-thumbnail:before<\/code> is pseudoclass for play icon<\/li>\n<\/ul>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"download\"><a id=\"download\"><\/a>Download<\/h2>\n\n\n\n<p>ChangeLog you can find <a href=\"https:\/\/wordpress.org\/plugins\/easy-youtube-gallery\/changelog\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">here<\/a>. <\/p>\n\n\n\n<p>You can download&nbsp;the plugin below or from the official WordPress.org page for <a href=\"https:\/\/wordpress.org\/plugins\/easy-youtube-gallery\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">Easy YouTube Gallery<\/a><\/p>\n\n\n<div class='audd'><div class='row'><div class='item_1 col-md-12 col-sm-12 col-xs-12'><!-- AUDD Link Template: Default Template 2025 -->\n<section class=\"audd-link-tpl-2025 default\">\n\t<header>\n\t\t<h3 class=\"title\">Easy YouTube Gallery <span title=\"version\">v1.0.5<\/span><\/h3>\n\t\t<h4 class=\"file-size\" title=\"File Size\">51.12 KB<\/h4>\n\t<\/header>\n\t<summary>\n\t\t<ul>\n<li>Test on WordPress 6.7.1 and PHP 8.3.13<\/li>\n<li>Test on WordPress 3.9.40, Twenty Twelve 1.4 and PHP 5.4.45<\/li>\n<li>Fixed XSS vulnerability reported on patchstack by muhammad yudha researcher<\/li>\n<li>Refactor code<\/li>\n<li>Optimize play image<\/li>\n<li>Removed deprecated embed parameter modestbranding (<a href=\"https:\/\/developers.google.com\/youtube\/player_parameters#release_notes_08_15_2023\" target=\"_blank\" rel=\"nofollow noopener\">more info<\/a>)<\/li>\n<\/ul>\n\n\t<\/summary>\n\t<footer>\n\t\t<a class='dld-link  wp-block-button__link wp-element-button' rel='nofollow' href='#' data-no-instant data-audddl=\"3038\">Download<\/a>\n\t\t<span class=\"count\">Downloaded 8 times<\/span>\n\t<\/footer>\n<\/section>\n<\/div><\/div><div style='clear:both'><\/div><\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install\"><a id=\"installation\"><\/a>Installation<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to your WordPress.<\/li>\n\n\n\n<li>Go to&nbsp;<strong>Plugins<\/strong>&nbsp;&#8211;&gt;&nbsp;<strong>Add New<\/strong>.<\/li>\n\n\n\n<li>Type the keyword&nbsp;Easy YouTube Gallery&nbsp;into the <strong>Search Plugins<\/strong> field and press&nbsp;<strong>Enter<\/strong>&nbsp;on your keyboard.<\/li>\n\n\n\n<li>Click&nbsp;the <strong>Install Now<\/strong>&nbsp;button.<\/li>\n\n\n\n<li>When the plugin is successfully installed, click the link&nbsp;<strong>Activate Plugin<\/strong>.<\/li>\n\n\n\n<li>Insert shortcode (replace <code>YT_VIDEO_ID<\/code> with your set of YouTube video ID\u2019s)<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;easy_youtube_gallery id=YT_VIDEO_ID,YT_VIDEO_ID,YT_VIDEO_ID\u2026,YT_VIDEO_ID]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Easy YouTube Gallery: How to Install and Use\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/EbYfwzmCVJI?feature=oembed&#038;rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"usage\">How to Use?<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM,JvMXVHVr72A,AIXUgtNC4Kc,K8nrF5aXPlQ,cegdR0GiJl4,L-wpS49KN00,KbW9JqM7vho ar=16_9 cols=3 thumbnail=hqdefault controls=0 playsinline=1 privacy=1 class=mySuperClass]<\/code><\/pre>\n\n\n\n<p><strong>Please note!<\/strong> If you copy and paste from the code above before you paste content to page, post or text widget content, clear all formatting by paste and copying to\/from Notepad or another plain text editor!<\/p>\n\n\n\n<p><a class=\"btn btn-info btn-lg\" href=\"\/wordpress\/plugins\/easy-youtube-gallery\/eytg-demo-four-columns\/\">View the Live Demo Here<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/urosevic.net\/wordpress\/wp-content\/uploads\/2015\/05\/eytg.png\"><img loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"928\" src=\"https:\/\/urosevic.net\/wordpress\/wp-content\/uploads\/2015\/05\/eytg.png\" alt=\"Easy YouTube Gallery preview\" class=\"wp-image-968\" srcset=\"https:\/\/urosevic.net\/wordpress\/wp-content\/uploads\/2015\/05\/eytg.png 846w, https:\/\/urosevic.net\/wordpress\/wp-content\/uploads\/2015\/05\/eytg-565x620.png 565w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/a><figcaption class=\"wp-element-caption\">Easy YouTube Gallery preview<\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shortcode\">Shortcode parameters<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>id<\/code> (required) single YouTube video ID or multiple ID&#8217;s separated with a comma<\/li>\n\n\n\n<li><code>ar<\/code> (optional) aspect ratio of thumbnails; the default is <code>ar-16_9<\/code> for 16:9, but also supported <code>ar-4_3<\/code> for 4:3 and <code>ar-square<\/code> for 1:1<\/li>\n\n\n\n<li><code>cols<\/code> (optional) for the number of columns to distribute thumbnails in; the default is <code>1<\/code>, supported up to <code>8<\/code><\/li>\n\n\n\n<li><code>thumbnail<\/code> (optional) for the YouTube size of the thumbnail; the default is <code>hqdefault<\/code> but we can use the following:\n<ul class=\"wp-block-list\">\n<li><code>0<\/code> have resolution 480x360px<\/li>\n\n\n\n<li><code>1<\/code>, <code>2<\/code> and <code>3<\/code> have resolution 120x90px (first, second or third frame)<\/li>\n\n\n\n<li><code>default<\/code> have resolution 120x90px (Default Quality)<\/li>\n\n\n\n<li><code>mqdefault<\/code> have resolution 320x180px (Medium Quality)<\/li>\n\n\n\n<li><code>hqdefault<\/code> have resolution 480x360px (High Quality)<\/li>\n\n\n\n<li><code>sddefault<\/code> have a resolution 640x480px (Standard Definition) and do not exist for low-res videos<\/li>\n\n\n\n<li><code>maxresdefault<\/code> have a  resolution 1920x1080px (Full HD) and do not exist for low-res videos<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><code>controls<\/code> (optional) to optionally hide playback controls in the lightbox player (default is <code>1<\/code> that means &#8220;display controls&#8221;, but you can set it to <code>0<\/code> to hide controls)<\/li>\n\n\n\n<li><code>playsinline<\/code> controls whether videos play inline or fullscreen in an HTML5 player on iOS. Learn more on <a href=\"https:\/\/developers.google.com\/youtube\/player_parameters?hl=en#playsinline\" rel=\"nofollow\">Google Developers<\/a><\/li>\n\n\n\n<li><code>privacy<\/code> (optional) enables enhanced privacy which means that YouTube won\u2019t store information about visitors on your web page unless they play the video.<\/li>\n\n\n\n<li><code>class<\/code> (optional) to add a custom style class if you wish to target specific styling for your own needs<\/li>\n<\/ul>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\"><a id=\"faq\"><\/a>FAQ<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Do I need to wrap shortcode parameters to double quotes or single quotes?<\/h3>\n\n\n\n<p>No. I even suggest that you avoid wrapping shortcode parameters to double\/single quotes to prevent broken output when some plugins modify content with nasty filters.<\/p>\n\n\n\n<p>Just avoid empty spaces between ID\u2019s.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"support\"><a><\/a>Support<\/h2>\n\n\n\n<p>If you need support for this plugin, please open the topic on the <a href=\"https:\/\/wordpress.org\/support\/plugin\/easy-youtube-gallery\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">community forum<\/a>.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you find Easy YouTube Gallery useful for your project, please consider&nbsp;<a href=\"https:\/\/wordpress.org\/support\/plugin\/easy-youtube-gallery\/reviews\/\" target=\"_blank\" rel=\"noreferrer noopener\">reviewing and rating it<\/a>&nbsp;on WordPress.org, write an article on your blog\/portal, or spread your happiness with your friends on social networks..<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick and easy make a gallery for a custom set of YouTube videos provided in the shortcode and autoplay video on click in Magnific PopUp lightbox.<\/p>\n","protected":false},"author":1,"featured_media":967,"parent":15,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-961","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/pages\/961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":40,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/pages\/961\/revisions"}],"predecessor-version":[{"id":3066,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/pages\/961\/revisions\/3066"}],"up":[{"embeddable":true,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/pages\/15"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/media\/967"}],"wp:attachment":[{"href":"https:\/\/urosevic.net\/wordpress\/wp-json\/wp\/v2\/media?parent=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}