Easy YouTube Gallery

Play icon

• .eytg-thumbnail:before is pseudoclass for play icon

How To Use?

Full shortcode

[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 title=top wall=1 class=mySuperClass] Title One Second Title Video 3 Fourth Video YouTube 5 Sixth YouTube Video No. 7 Player #8 9th item [/easy_youtube_gallery]

Basic shortcode

[easy_youtube_gallery id=uMK0prafzw0,8Uee_mcxvrw,HcXNPI-IPPM cols=3]

Please note! If you doing copy&paste from code above, before you paste content to page, post or text widget content, clear all formatting by paste&copy to/from Notepad or other plain text editor!

Shortcode parameters

• id (required) single YouTube video ID or multiple ID’s separated with comma
• ar (optional) aspect ratio of thumbnails; default is ar-16_9 for 16:9, but also supported ar-4_3 for 4:3 and ar-square for 1:1
• cols (optional) for number of columns to distribute thumbnails in; devault is 1 , supported up to 8
• thumbnail (optional) for YouTube size of thumbnail; default is hqdefault but we can use: 0 have resolution 480x360px
• 1 , 2 and 3 have resolution 120x90px (first, second or third frame)
• default have resolution 120x90px (Default Quality)
• mqdefault have resolution 320x180px (Medium Quality)
• hqdefault have resolution 480x360px (High Quality)
• sddefault have resolution 640x480px (Standard Definition) and does not exists for lowres videos
• maxresdefault have resolution 1920x1080px (Full HD) and does not exists for lowres videos

controls (optional) to optionally hide playback controls in lightbox player (default is 1 that means “display controls”, but you can set it to 0 to hide controls) privacy (optional) enables enhanced privacy which means that YouTube won’t store information about visitors on your web page unless they play the video. ( 0 or 1 ) playsinline controls whether videos play inline or fullscreen in an HTML5 player on iOS. Learn more on Google Developers ( 0 or 1 ) class (optional) to add custom style class if you wish to target specific styling for your own needs wall (optional) render video wall with player at top and thumbnails below ( 0 or 1 ) title (optional) set custom video titles position ( top or bottom )

TODO

• Replace MagnificPopUp with newer library
• VisualComposer block
• Inline player instead of opening in lightbox